refactor: use ~/ for alias and improve ssg

src/App.vue

@@ -1,3 +1,17 @@
+<script setup lang="ts">
+import { useHead } from '@vueuse/head'
+
+// https://github.com/vueuse/head
+// you can use this to manipulate the document head in any components,
+// they will be renedered correctly in the html results with vite-ssg
+useHead({
+  title: 'Vitesse',
+  meta: [
+    { name: 'description', content: 'Opinionated Vite Starter Template' },
+  ],
+})
+</script>
+
 <template>
   <main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
     <router-view />