feat: updates

pages/hi/[id].vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+const route = useRoute()
+const router = useRouter()
+</script>
+
+<template>
+  <div>
+    <div>Hi: {{ route.params.id }}</div>
+
+    <div>
+      <button
+        class="btn m-3 text-sm mt-6"
+        @click="router.back()"
+      >
+        Back
+      </button>
+    </div>
+  </div>
+</template>

pages/hi/_id.vue

@@ -1,11 +0,0 @@
-<template>
-  <div>Hi: {{ id }}</div>
-</template>
-
-<script>
-export default {
-  asyncData({ params }) {
-    return { id: params.id }
-  },
-}
-</script>

pages/index.vue

@@ -1,23 +1,14 @@
 <template>
-  <main py-40 px-20 text-center>
+  <div>
     <img w-16 inline-block src="/nuxt.png" />
     <img w-16 inline-block src="/vite.png" />
-    <h1 mt-5 text-green-500 text-4xl cursor-default>
-      <span hover:text-white hover:bg-green-600>Nuxt 3</span>
-      <span text-gray-400>+</span>
-      <span text-purple-600>Vitesse</span>
+    <h1 my-5 text-4xl cursor-default>
+      <span text-green-500 hover:text-white hover:bg-green-600>Nuxt 3</span>
+      <span text-gray-400 mx-2>+</span>
+      <span text-purple-500>Vitesse</span>
     </h1>
-    <Hello />
+    <InputEntry />
     <Counter />
-    <div
-      text="3xl gray-500"
-      m-5
-      flex
-      justify-center
-      gap-2
-    >
-      <a i-carbon-campsite href="https://github.com/antfu/vitesse-nuxt" target="__blank" />
-      <DarkToggle />
-    </div>
-  </main>
+    <Footer />
+  </div>
 </template>