FEAT: switch to vite vue stack

src/pages/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <div class="mx-6">
+    <header class="h-screen flex flex-col justify-center">
+      <nav class="fixed right-0 top-0 p-2">
+        <a
+          title="Go to Pegaz GitHub repo"
+          href="https://github.com/valerebron/pegaz"
+          target="_blank"
+        >
+          <Github class="bg-white rounded-full hover:scale-105" />
+        </a>
+      </nav>
+      <HeroTitle client:visible />
+      <HeroButtons client:visible />
+    </header>
+    <main class="-mt-20">
+      <Demo />
+    </main>
+  </div>
+</template>
+
+<script setup>
+import { useMeta } from 'vue-meta'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { useUsersStore } from '~/stores/useUsersStore'
+
+import Github from "~/components/svg/github.vue";
+import HeroTitle from "~/components/hero-title.vue";
+import HeroButtons from "~/components/hero-buttons.vue";
+import Demo from "~/components/demo.vue";
+
+useMeta({
+  title: 'Deploy stack',
+})
+
+const router = useRouter()
+
+const usersStore = useUsersStore()
+
+const newName = ref('')
+
+function saveName() {
+  if (newName.value === '') {
+    return
+  }
+
+  usersStore.saveName(newName.value)
+  router.push(`/about/${newName.value}`)
+  newName.value = ''
+}
+</script>