feat: add vue macros (#448)

src/pages/index.vue

@@ -1,4 +1,7 @@
 <script setup lang="ts">
+defineOptions({
+  name: 'IndexPage',
+})
 const user = useUserStore()
 const name = $ref(user.savedName)
 
@@ -27,21 +30,12 @@ const { t } = useI18n()
 
     <div py-4 />
 
-    <input
-      id="input"
+    <Input
       v-model="name"
-      :placeholder="t('intro.whats-your-name')"
-      :aria-label="t('intro.whats-your-name')"
-      type="text"
+      placeholder="What's your name?"
       autocomplete="false"
-      p="x4 y2"
-      w="250px"
-      text="center"
-      bg="transparent"
-      border="~ rounded gray-200 dark:gray-700"
-      outline="none active:none"
       @keydown.enter="go"
-    >
+    />
     <label class="hidden" for="input">{{ t('intro.whats-your-name') }}</label>
 
     <div>