vuetifyjs/vuetify

[Feature Request] Add `activeColor` to `#item` slot props for `VRating`

Open

#22,273 创建于 2025年11月1日

在 GitHub 查看
 (3 评论) (0 反应) (0 负责人)TypeScript (40,995 star) (7,139 fork)batch import
C: VRatingS: needs docs updateT: enhancementgood first issue

描述

Problem to solve

Currently, on the VRating component, only color is passed to #item slot. It would be nice to have activeColor there for simpler configuration.

Proposed solution

Pass activeColor down as slot prop to #item in VRating component.

EDIT:

I did notice now that activeColor comes down as color inside props. It is slightly counter-intuitive, and could at least be specified in documentation.

贡献者指南

技术栈
vuetypescriptjavascript
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
under 1 hour
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
fresh
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
Basic understanding of Vuetify VRating componentFamiliarity with Vue slot props
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
80
研究方向
First, locate the VRating component source file in the Vuetify repository (likely under `packages/vuetify/src/components/VRating/`). Examine the current slot props passed to `#item` and add `activeColor` alongside `color`. The issue notes that `activeColor` currently comes through as `color` in props, which is counter intuitive; consider updating both the component logic and the documentation. Check existing comments for additional context. The change is small and localized, making it ideal for a first time contributor.