Fix - VueUiWorld - Fix legend colors

Author: graphieros

TestingArena/ArenaVueUiWorld.vue

@@ -6,8 +6,8 @@ import Box from "./Box.vue";
 import convertArrayToObject from "./convertModel";
 
 const dataset = ref({
-  AFG: { value: 20 },     // Afghanistan
-  ALB: { value: 18 },     // Albania
+  AFG: { value: 20, category: 'CAT1', color: 'red' },     // Afghanistan
+  ALB: { value: 18, category: 'CAT2', color: 'blue' },     // Albania
   DZA: { value: 225 },    // Algeria
   AND: { value: 3 },      // Andorra
   AGO: { value: 74 },     // Angola

package.json

@@ -110,4 +110,4 @@
     "vitest": "^3.1.1",
     "vue": "^3.5.14"
   }
-}
+}

src/App.vue

@@ -123,7 +123,7 @@ const components = ref([             //------|
  * Modify the index to display a component
  * [0] = VueUiXy 
  */
- const selectedComponent = ref(components.value[53]);
+ const selectedComponent = ref(components.value[52]);
 
 /**
  * Legacy testing arena where some non chart components can be tested