diff --git a/src/pages/hi/[name].vue b/src/pages/hi/[name].vue
index 0cb09053..c8215da2 100644
--- a/src/pages/hi/[name].vue
+++ b/src/pages/hi/[name].vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const props = defineProps<{ name: string }>()
+const params = useRoute('/hi/[name]').params
 const router = useRouter()
 </script>
 
@@ -7,7 +7,7 @@ const router = useRouter()
   <div>
     <div i-carbon-pedestrian inline-block text-4xl />
     <p>
-      Hi, {{ props.name }}
+      Hi, {{ params.name }}
     </p>
     <p text-sm op50>
       <em>Dynamic route!</em>