From 009a05dea9840098bc732a42641cdb1bf1887ab5 Mon Sep 17 00:00:00 2001
From: yeojongki <yeojongki@foxmail.com>
Date: Mon, 13 Nov 2023 17:59:30 +0800
Subject: [PATCH] fix: dynamic route parameters (#515)

---
 src/pages/hi/[name].vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/hi/[name].vue b/src/pages/hi/[name].vue
index b27a555..2517ca4 100644
--- a/src/pages/hi/[name].vue
+++ b/src/pages/hi/[name].vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-const props = defineProps<{ name: string }>()
 const router = useRouter()
+const route = useRoute('/hi/[name]')
 const user = useUserStore()
 const { t } = useI18n()
 
 watchEffect(() => {
-  user.setNewName(props.name)
+  user.setNewName(route.params.name)
 })
 </script>
 
@@ -15,7 +15,7 @@ watchEffect(() => {
       <div i-carbon-pedestrian inline-block />
     </div>
     <p>
-      {{ t('intro.hi', { name: props.name }) }}
+      {{ t('intro.hi', { name: user.savedName }) }}
     </p>
 
     <p text-sm opacity-75>