Dev environment - Show charts with default config in manual-testing pages

Author: graphieros

TestingArena/ArenaVueUiAnnotator.vue

@@ -99,7 +99,7 @@ const initLastSelectedShape = ref({
 </script>
 
 <template>
-    <Box :config="config">
+    <Box comp="VueUiAnnotator" :dataset="dataset" :config="config">
         <template #local>
             <LocalVueUiAnnotator @saveAnnotations="save" :config="config" :dataset="{ shapes }">
                 <div>

TestingArena/ArenaVueUiBullet.vue

@@ -183,7 +183,7 @@ onMounted(async () => {
         </select>
     </div>
 
-    <Box :config="config">
+    <Box comp="VueUiBullet" :config="config" :dataset="dataset">
         <template #title>VueUiBullet</template>
 
         <template #reponsive>

TestingArena/ArenaVueUiCarouselTable.vue

@@ -210,7 +210,7 @@ function resumeVduiBuild() {
 </script>
 
 <template>
-    <Box :config="config">
+    <Box comp="VueUiCarouselTable" :dataset="dataset" :config="config">
         <template #title>VueUiCarouselTable</template>
 
         <template #local>

TestingArena/ArenaVueUiCirclePack.vue

@@ -182,7 +182,7 @@ onMounted(async() => {
         </select>
     </div>
 
-  <Box :config="config">
+  <Box comp="VueUiCirclePack" :dataset="dataset" :config="config">
     <template #title>VueUiCirclePack</template>
 
     <template #responsive>

TestingArena/ArenaVueUiDashboard.vue

@@ -168,7 +168,7 @@ const dataset = ref([
 </script>
 
 <template>
-    <Box :config="config">
+    <Box comp="VueUiDashboard" :dataset="dataset" :config="config">
         <template #title>VueUiDashboard</template>
 
         <template #responsive>

TestingArena/ArenaVueUiFunnel.vue

@@ -200,7 +200,7 @@ onMounted(async () => {
         </select>
     </div>
 
-    <Box :config="config">
+    <Box comp="VueUiFunnel" :dataset="dataset" :config="config">
         <template #title>VueUiFunnel</template>
 
         <template #responsive>

TestingArena/ArenaVueUiHistoryPlot.vue

@@ -242,7 +242,7 @@ onMounted(async() => {
         </select>
     </div>
 
-    <Box :config="config">
+    <Box comp="VueUiHistoryPlot" :dataset="dataset" :config="config">
         <template #title>VueUiHistoryPlot</template>
 
         <template #responsive>

TestingArena/ArenaVueUiKpi.vue

@@ -77,7 +77,7 @@ const config = computed(() => {
             </template>
         </LocalVueUiKpi>
     </div>
-    <Box :config="config">
+    <Box comp="VueUiKpi" :dataset="dataset" :config="config">
         <template #title>VueUiKpi</template>
 
         <template #local>

TestingArena/ArenaVueUiRidgeline.vue

@@ -239,7 +239,7 @@ const local = ref(null)
         </select>
     </div>
 
-    <Box :config="config">
+    <Box comp="VueUiRidgeline" :dataset="dataset" :config="config">
         <template #title>VueUiRidgeline</template>
 
         <template #responsive>

TestingArena/ArenaVueUiTableHeatmap.vue

@@ -141,7 +141,7 @@ const step = ref(0)
             <option v-for="opt in themeOptions">{{ opt }}</option>
         </select>
     </div>
-    <Box :config="config">
+    <Box comp="VueUiTableHeatmap" :dataset="dataset" :config="config">
         <template #title>VueUiTableHeatmap</template>
 
         <template #theme>