fix: watch and useRoute() not working

[laurentfirdion]

🐛 The bug
When using useRoute() and a watcher it throws a "This must be called within a setup function" error when browsing inside the app

🛠️ To reproduce
Declare route and add a watcher inside a setup function

export default defineComponent({
setup() {
const route = useRoute()
watch(route, (to) => {
// do something with the watch
})
}
})

First load is ok but it crashes when changing page inside the nuxt app

🌈 Expected behaviour
I don't know if there is a workaround for this situation or a bug to be fixed. My understanding is that vue getCurrentInstance() has many limitation and poor documentation except for that one doc that warns that it shouldn't be used at all (only found on that ru version of vue documentation).

[laurentfirdion]

My current workaround is to not use useRoute() (or useRouter for the same reason) and rather register getCurrentInstance() inside my component

setup() {
const vm = getCurrentInstance()!.proxy
watch(() => vm.$route.name!, (to) => { // watch callback })
}

It works flawlessly.

N.B. I give up on using wrapProperty also after encountered errors / strange behaviour