Reactive Routes in Nuxt 3/Vue

reactiveRoutes.vue

<script setup>
// Doesn't change when route changes
const route = useRoute();

// Changes when route changes
const path = useRoute().path;

// If we need the full route object in a reactive way, we can do this:
// 
// Doesn't change when route changes
const route = useRoute();

// Changes when route changes
const route = useRouter().currentRoute.value;
</script>

<template>
</template>