vuetifyjs/vuetify

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

オープン

#17,490 opened on 2023/05/29

 (11 件のコメント) (16 件のリアクション) (1 人の担当者)TypeScript (7,139 件のフォーク)batch import
C: VBtnNUXTT: featurehelp wanted

Repository metrics

Stars
 (40,995 個のスター)
PR merge metrics
 (PR metrics pending)

説明

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

コントリビューターガイド