refactor: migrate to <script setup>

src/views/charts/CChartLineExample.vue

@@ -1,30 +1,23 @@
-<template>
-  <CChartLine :data="defaultData" />
-</template>
-
-<script>
+<script setup>
 import { CChartLine } from '@coreui/vue-chartjs'
-export default {
-  name: 'CChartLineExample',
-  components: { CChartLine },
-  computed: {
-    defaultData() {
-      return {
-        labels: ['months', 'a', 'b', 'c', 'd'],
-        datasets: [
-          {
-            label: 'Data One',
-            backgroundColor: 'rgb(228,102,81,0.9)',
-            data: [30, 39, 10, 50, 30, 70, 35],
-          },
-          {
-            label: 'Data Two',
-            backgroundColor: 'rgb(0,216,255,0.9)',
-            data: [39, 80, 40, 35, 40, 20, 45],
-          },
-        ],
-      }
+
+const data = {
+  labels: ['months', 'a', 'b', 'c', 'd'],
+  datasets: [
+    {
+      label: 'Data One',
+      backgroundColor: 'rgb(228,102,81,0.9)',
+      data: [30, 39, 10, 50, 30, 70, 35],
     },
-  },
+    {
+      label: 'Data Two',
+      backgroundColor: 'rgb(0,216,255,0.9)',
+      data: [39, 80, 40, 35, 40, 20, 45],
+    },
+  ],
 }
 </script>
+
+<template>
+  <CChartLine :data="data" />
+</template>