vuetifyjs/vuetify

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

Open

#17,490 创建于 2023年5月29日

在 GitHub 查看
 (11 评论) (16 反应) (1 负责人)TypeScript (40,995 star) (7,139 fork)batch import
C: VBtnNUXTT: featurehelp wanted

描述

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

贡献者指南

技术栈
typescriptvuenuxt
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
active
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
Basic knowledge of Vue componentsFamiliarity with Vuetify's routable componentsUnderstanding of Nuxt Link
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
45
研究方向
The feature involves adding a `nuxt` prop to routable components like VBtn and VCard in Vuetify 3. The main files to inspect are likely in the packages/vuetify/src/components directory for each component, and possibly a shared mixin or composable for routable behavior (e.g., useRoutable). The implementation should mimic the Vuetify 2 approach but adapted for Vuetify 3's composition API. Since there is one assignee, check if there is a related branch or draft PR. The proposed behavior is clear: when `nuxt` is true, render a `<nuxt link>` instead of `<a>` or `<router link>`. Test files should also be updated accordingly. Review the existing Vuetify 3 code for similar prop handling patterns.