feat: use vue-global-api

src/main.ts

@@ -2,9 +2,20 @@ import { ViteSSG } from 'vite-ssg'
 import generatedRoutes from 'virtual:generated-pages'
 import { setupLayouts } from 'virtual:generated-layouts'
 import App from './App.vue'
-import 'virtual:windi.css'
-import 'virtual:windi-devtools'
+
+// windicss layers
+import 'virtual:windi-base.css'
+import 'virtual:windi-components.css'
+// your custom styles here
 import './styles/main.css'
+// windicss utilities should be the last style import
+import 'virtual:windi-utilities.css'
+
+// windicss devtools support (dev only)
+import 'virtual:windi-devtools'
+
+// register vue composition api globally
+import 'vue-global-api'
 
 const routes = setupLayouts(generatedRoutes)
 

src/pages/index.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'