epicmaxco/vuestic-admin

Mix of tailwind and bem

开放

#1,017 创建于 2024年1月24日

在 GitHub 查看贡献者指南
 (2 条评论) (0 个反应) (0 位负责人)Vue (1,801 个派生)user submission
d1: super easygood first issuerefactoringv1: minor

仓库指标

星标
 (10,951 个星标)
PR 合并指标
 (30 天内没有已合并 PR)

描述

Right now we have some components that use bem, while majority of the application uses tailwind

I searched by "__" and this seems to be the list. Feel free to check other components.

We want to only use tailwind for vuestic-admin. So for all of these we need to replace bem implementation with tailwind classes (simplest way might be to use GPT to help with that).

image

贡献者指南

研究方向
首先，在仓库中搜索使用 BEM 类名（以 ' ' 或 ' ' 表示）的组件，很可能在 src/components 目录下。以 issue 中提供的列表作为起点。对于每个组件，识别当前的 BEM 类并将其替换为等效的 Tailwind 工具类。可以参考代码库中已有的使用 Tailwind 样式的组件以保持一致性。使用像 GPT 这样的 AI 工具可以帮助生成 Tailwind 类组合。更改后，确保组件能正确渲染且布局与原始版本一致。
技术栈
vuetailwindcss
领域
frontend
议题类型
重构
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
基本清晰
前置要求
Tailwind CSSBEM methodology
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
65