Fix - VueUiXy - Allow incomplete highlightArea user configurations

Author: graphieros

src/components/vue-ui-xy.vue

@@ -287,8 +287,23 @@ function prepareConfig() {
         mergedConfig.events.datapointClick = null;
     }
 
+    // Merging highlight area(s) incomplete user configs
+    if (props.config && hasDeepProperty(props.config, 'chart.highlightArea')) {
+        if (Array.isArray(props.config.chart.highlightArea)) {
+            mergedConfig.chart.highlightArea = props.config.chart.highlightArea
+                .map(hl => mergeHighlightArea({
+                    defaultConfig: DEFAULT_CONFIG.chart.highlightArea,
+                    userConfig: hl
+                }));
+        } else {
+            mergedConfig.chart.highlightArea = mergeHighlightArea({
+                defaultConfig: DEFAULT_CONFIG.chart.highlightArea,
+                userConfig: props.config.chart.highlightArea
+            });
+        }
+    }
     // ----------------------------------------------------------------------------
-
+    
     if (mergedConfig.theme) {
         return {
             ...useNestedProp({
@@ -302,6 +317,13 @@ function prepareConfig() {
     }
 }
 
+function mergeHighlightArea({ defaultConfig, userConfig }) {
+    return useNestedProp({
+        defaultConfig,
+        userConfig
+    });
+}
+
 const isDataset = computed({
     get() {
         return !!props.dataset && props.dataset.length;