feat: use unplugin-auto-import instead of vue-global-api

src/logic/dark.ts

@@ -1,4 +1,2 @@
-import { useDark, useToggle } from '@vueuse/core'
-
 export const isDark = useDark()
 export const toggleDark = useToggle(isDark)

src/main.ts

@@ -1,5 +1,4 @@
 // register vue composition api globally
-import 'vue-global-api'
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
 import routes from 'virtual:generated-pages'

src/pages/hi/[name].vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { useRouter } from 'vue-router'
-
 const props = defineProps<{ name: string }>()
 const router = useRouter()
 </script>

src/pages/index.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { useRouter } from 'vue-router'
-
 const name = ref('')
 
 const router = useRouter()