feat(router): add NuxtLink support for useLink

[userquin]

Description

This PR allows use useLink with NuxtLink, this Nuxt PR should be merged nuxt/nuxt#26522

This will work only when:

• NuxtLink is registed globally: Nuxt will resolve it on demand, it is not registered globally, check Can't use is="NuxtLink" with component nuxt/nuxt#13659
• NuxtLink is register with that name: Nuxt allows us to change the name

To register NuxtLink globally we can use a plugin:

import { NuxtLink } from '#components'

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.component('NuxtLink', NuxtLink)
})

vuetify-nuxt-module will provide an option to register NuxtLink globally: will allow also to use other name (will register both).

resolves #17490

[userquin]

Right now there is an alternative using custom and default slot props, but requires wrapping the component, for example:

<template>
  <NuxtLink to="/someroute" custom #="{ navigate }">
    <v-btn @click="navigate">Link</v-btn>
  </NuxtLink>
</template>

[KaelWD]

Router-link is available in nuxt right? How does using this instead behave differently?

[userquin]

Router-link is available in nuxt right? How does using this instead behave differently?

Both are there, this PR should be changed to allow render RouterLink and NuxtLink (v2 behavior): https://nuxt.com/docs/api/components/nuxt-link

The linked issue explains the behavior...

[userquin]

Sorry for the confusion:

This PR was about adding NuxtLink:useLink support from Nuxt issue (the releated issue here was mentioned there, but it is not related): Nuxt issue is about adding useLink, Vuetify issue is about rendering RouterLink and/or NuxtLink.

[KaelWD]

That doesn't really answer my question. NuxtLink supports internal and external links but we already have that with to/href. Afaict the only other difference is prefetching but you haven't implemented that in useLink.