add charts.

src/main.ts

@@ -8,7 +8,19 @@ import { routes } from "./routes"
 import App from "./App.vue"
 
 import { toggleLogin } from "./shared/composables/modal"
-import { init } from "./shared/composables/monaco"
+import { init as monacoInit } from "./shared/composables/monaco"
+
+import {
+  Chart as ChartJS,
+  Title,
+  Colors,
+  Tooltip,
+  Legend,
+  BarElement,
+  ArcElement,
+  CategoryScale,
+  LinearScale,
+} from "chart.js"
 
 const router = createRouter({
   history: createWebHistory(),
@@ -26,7 +38,19 @@ router.beforeEach((to, from, next) => {
     next()
   }
 })
-init()
+
+monacoInit()
+
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  ArcElement,
+  Colors,
+  Title,
+  Tooltip,
+  Legend
+)
 const pinia = createPinia()
 const app = createApp(App)
 app.use(router)