refactor: move script over template

src/pages/index.vue

@@ -1,3 +1,19 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+
+const name = ref('')
+
+const router = useRouter()
+const go = () => {
+  if (name.value)
+    router.push(`/hi/${name.value}`)
+}
+
+const { t } = useI18n()
+</script>
+
 <template>
   <div>
     <p class="text-4xl">
@@ -37,19 +53,3 @@
     </div>
   </div>
 </template>
-
-<script setup lang='ts'>
-import { ref } from 'vue'
-import { useRouter } from 'vue-router'
-import { useI18n } from 'vue-i18n'
-
-const name = ref('')
-
-const router = useRouter()
-const go = () => {
-  if (name.value)
-    router.push(`/hi/${name.value}`)
-}
-
-const { t } = useI18n()
-</script>