How to create a reactive variable that accepts route parameters?

Question

Vue.js

When clicking, I pass parameters (videocards, processors)

@click="$router.push({name: 'adminVideo', params: {id: 'videocards'}})"
@click="$router.push({name: 'adminVideo', params: {id: 'processors'}})"

and accept them in the component

setup() {
    const route = useRoute()
    const path = computed(() => route.params.id)
    const routParam = path.value

  
    return { routParam}
  }

but the problem is that if I go to videocards first, routParam will become equal to videocards and after that if I go to processors, then routParam will not change, it will change only after the page is refreshed. How to make routeParam reactive?

Answer 1

Try using :is in the component or keep-alive, I don't know if it will work or not.