refactor: migrate to <script setup>

2024-04-29 13:51:42 +02:00
parent 86a084aa4f
commit 43745d958a
63 changed files with 1056 additions and 1754 deletions
@@ -1,38 +1,31 @@
-<template>
-  <CChartBar :data="defaultData" />
-</template>
-
-<script>
+<script setup>
 import { CChartBar } from '@coreui/vue-chartjs'
-export default {
-  name: 'CChartBarExample',
-  components: { CChartBar },
-  computed: {
-    defaultData() {
-      return {
-        labels: [
-          'January',
-          'February',
-          'March',
-          'April',
-          'May',
-          'June',
-          'July',
-          'August',
-          'September',
-          'October',
-          'November',
-          'December',
-        ],
-        datasets: [
-          {
-            label: 'GitHub Commits',
-            backgroundColor: '#f87979',
-            data: [40, 20, 12, 39, 10, 40, 39, 80, 40, 20, 12, 12],
-          },
-        ],
-      }
+
+const data = {
+  labels: [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December',
+  ],
+  datasets: [
+    {
+      label: 'GitHub Commits',
+      backgroundColor: '#f87979',
+      data: [40, 20, 12, 39, 10, 40, 39, 80, 40, 20, 12, 12],
    },
-  },
+  ],
 }
 </script>
+
+<template>
+  <CChartBar :data="data" />
+</template>