[Feature Request] Support nuxt prop for Vuetify 3 on Routable components
@gsouf is already working on this.
Since Sep 27, 2024.
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Problem to solve
In Vuetify2 adding the nuxt to a routable component (e.g. v-btn or v-card) produced a nuxt-link if to prop or href prop was passed. In Vuetify 3 the nuxt prop does no longer exist.
Proposed solution
Without nuxt prop:
<v-btn href="https://vuetifyjs.com"/> => <a href="https://vuetifyjs.com"/>
<v-btn to="/vuetify"/> => <router-link to="/vuetify"/>
<v-btn /> => <button /> (No href or to)
With nuxt prop:
<v-btn nuxt href="https://vuetifyjs.com"/> => <nuxt-link href="https://vuetifyjs.com"/>
<v-btn nuxt to="/vuetify"/> => <nuxt-link to="/vuetify"/>
<v-btn nuxt /> => <button /> (No href or to)
NOTE: nuxt-link can now handle internal (to) and external (href) links: https://nuxt.com/docs/api/components/nuxt-link
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.