epicmaxco/vuestic-admin

Mix of tailwind and bem

Open

#1,017 opened on 2024年1月24日

GitHub で見る
 (2 comments) (0 reactions) (0 assignees)Vue (10,951 stars) (1,801 forks)user submission
d1: super easygood first issuerefactoringv1: minor

説明

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

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

技術スタック
vuetailwindcss
領域
frontend
Issue 種別
refactor
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
fresh
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Basic knowledge of VueBasic knowledge of Tailwind CSS
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
75
調査方針
First, search for components using BEM class names (indicated by ' ' or ' ') in the repository, likely under src/components. Use the list provided in the issue as a starting point. For each component, identify the current BEM classes and replace them with equivalent Tailwind utility classes. You can refer to existing Tailwind styled components in the codebase for consistency. Using an AI tool like GPT can help generate Tailwind class combinations. After changes, ensure the component renders correctly and matches the original layout.