vuetifyjs/vuetify

[Feature Request] Support nuxt prop for Vuetify 3 on Routable components

Open

#17.490 aperta il 29 mag 2023

Vedi su GitHub
 (11 commenti) (16 reazioni) (1 assegnatario)TypeScript (7139 fork)batch import
C: VBtnNUXTT: featurehelp wanted

Metriche repository

Star
 (40.995 star)
Metriche merge PR
 (Merge medio 59g 10h) (8 PR mergiate in 30 g)

Descrizione

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

Guida contributor

Direzione di ricerca
Esamina come i componenti instradabili di Vuetify (es. v btn) attualmente rendono <router link> basandosi sulla prop 'to'. Poi aggiungi una prop 'nuxt' che rende <nuxt link> quando fornita. Segui la documentazione di Nuxt su nuxt link.
Tech stack
typescriptvuenuxt
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
VueTypeScriptGit
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70