fix(desk): SChart import error

Author: zzhenryquezz

packages/desktop/modules/script/components/SChart.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue'
 import { useStore } from '@modules/script/store'
 
-import SOutput from './SOutput.vue'
-import MEditor from '@modules/monaco/components/MEditor.vue'
-import VChart from '@/components/v-chart.vue'
 import EvaluationOutput from '@core/entities/evaluation-output'
 
+import VChart from '@components/VChart.vue'
+import MEditor from '@modules/monaco/components/MEditor.vue'
+import SOutput from './SOutput.vue'
+
 // Props & Emits
 
 defineProps({
@@ -48,17 +48,17 @@ const current = ref<'chart' | 'debug' | 'raw'>('chart')
 // execute script
 const store = useStore()
 
-const output = ref<EvaluationOutput>({
-    error: null,
-    result: null,
-    logs: [],
-})
+const output = ref(new EvaluationOutput())
 
 async function execute() {
-    output.value = await store.execute({
+    const response = await store.execute({
         content: content.value,
     })
 
+    output.value.error = response.error
+    output.value.result = response.result
+    output.value.logs = response.logs
+
     if (output.value.error || !output.value.result) {
         current.value = 'debug'
     }
@@ -72,13 +72,16 @@ const chart = ref({
     options: null,
 })
 
-watch(output, (value) => {
-    chart.value.loading = true
+watch(
+    () => output.value.result,
+    (value) => {
+        chart.value.loading = true
 
-    chart.value.options = value.result
+        chart.value.options = value
 
-    setTimeout(() => (chart.value.loading = false), 800)
-})
+        setTimeout(() => (chart.value.loading = false), 800)
+    }
+)
 
 // refresh chart
 const chartRef = ref<InstanceType<typeof VChart> | null>()
@@ -102,19 +105,24 @@ function refresh() {
                 {{ title }}
             </v-card-title>
 
-            <v-btn text size="sm" class="ml-auto text-t-secondary" @click="current = 'chart'">
+            <v-btn
+                mode="text"
+                size="xs"
+                class="ml-auto text-t-secondary"
+                @click="current = 'chart'"
+            >
                 <v-icon name="chart-pie" />
             </v-btn>
 
-            <v-btn text size="sm" class="text-t-secondary" @click="refresh">
+            <v-btn mode="text" size="xs" class="text-t-secondary" @click="refresh">
                 <v-icon name="rotate" />
             </v-btn>
 
-            <v-btn text size="sm" class="text-t-secondary" @click="current = 'raw'">
+            <v-btn mode="text" size="xs" class="text-t-secondary" @click="current = 'raw'">
                 <v-icon name="code" />
             </v-btn>
 
-            <v-btn text size="sm" class="text-t-secondary" @click="current = 'debug'">
+            <v-btn mode="text" size="xs" class="text-t-secondary" @click="current = 'debug'">
                 <v-icon name="check-circle" />
             </v-btn>
         </v-card-head>

packages/examples/scripts/.is/menu.json

@@ -4,34 +4,36 @@
         "label": "Collections",
         "icon": "code",
         "isSection": true,
-        "children": []
-    },
-    {
-        "label": "Todos",
-        "to": "/collections/todos/items",
-        "children": [],
-        "id": "4ef035fd-89a1-4509-aa55-2b575b25a141",
-        "icon": "bookmark"
+        "children": [
+            {
+                "label": "Todos",
+                "to": "/collections/todos/items",
+                "children": [],
+                "id": "4ef035fd-89a1-4509-aa55-2b575b25a141",
+                "icon": "bookmark"
+            }
+        ]
     },
     {
         "id": "289.65503229275765",
         "label": "Scripts",
         "icon": "code",
         "isSection": true,
-        "children": []
-    },
-    {
-        "label": "create-item.ts",
-        "to": "/entries/items/create-item.ts",
-        "children": [],
-        "id": "04372ef9-90e8-46f4-ae6e-1913436d2d16",
-        "icon": "bookmark"
-    },
-    {
-        "label": "create-multiple.ts",
-        "to": "/entries/items/create-multiple.ts",
-        "children": [],
-        "id": "e6262730-0af1-42b8-abcc-fb0f05efdccb",
-        "icon": "bookmark"
+        "children": [
+            {
+                "label": "create-multiple.ts",
+                "to": "/entries/items/create-multiple.ts",
+                "children": [],
+                "id": "e6262730-0af1-42b8-abcc-fb0f05efdccb",
+                "icon": "bookmark"
+            },
+            {
+                "label": "create-item.ts",
+                "to": "/entries/items/create-item.ts",
+                "children": [],
+                "id": "04372ef9-90e8-46f4-ae6e-1913436d2d16",
+                "icon": "bookmark"
+            }
+        ]
     }
 ]