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>