Почему параметр route undefined? VUE3/Vue-Router

Создал новый проект на vue3, согласно официальной документации.

router/index.ts:

import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/:id', // этот параметр хочу получить в App.vue
      name: 'home',
      component: () => import('../views/HomeView.vue')
    },
  ]
})

export default router

App.vue

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

const route = useRoute();

onBeforeMount(() => {
  console.log(route.params.id); // undefined
})

</script>

Почему route.params.id undefined и как получить этот параметр? Спасибо.