小弟在網上找的範例為:

<script setup lang="ts">
import { useRoute } from 'vue-router';

const route = useRoute();

const params = route.params; // 回傳 undefined
</script>

解決方式:

<script setup lang="ts">
import { useRouter } from 'vue-router';

const router = useRouter();

const params = router.currentRoute.value.params;
</script>

程式碼的運作原理如下：

1. 先匯入 useRouter 函式，它來自 Vue3 的 vue-router 庫，用於獲取路由相關的資訊。
2. 接著，我們使用 useRouter 函式來初始化 router 物件，它包含了路由相關的方法和資訊。
3. 透過 router.currentRoute.value.params，我們就可以獲取當前路由的所有 params。