when use script setup, can't use this.$route in template

[little3201]

when I use script setup, run yarn dev, everything is ok ,but build, there is an error occurred:

TypeError: Cannot read property '$route' of undefined

the code is :

    <router-link
        :to="this.$route.path"
        class="text-blue-600 font-medium"
        v-text="this.$route.name"
     ></router-link>

[muttering-oldman]

I think you need to remove this.

[little3201]

3Q, it works.

why it's ok when run yarn dev, but not work after run yarn build

[UzkiS]

useRoute

[iamandrewluca]

When using composition-api, better to do it this way

<template>
  <router-link
    :to="route.path"
    class="text-blue-600 font-medium"
    v-text="route.name"
  ></router-link>
</template>

<script>
import { defineComponent, useRoute } from '@nuxtjs/composition-api'

export default defineComponent({
  setup() {
    const route = useRoute()
    
    return {
      route
    }
  }
})
</script>