epicmaxco/vuestic-admin

Mix of tailwind and bem

Open

#1.017 aberto em 24 de jan. de 2024

Ver no GitHub
 (2 comments) (0 reactions) (0 assignees)Vue (10.951 stars) (1.801 forks)user submission
d1: super easygood first issuerefactoringv1: minor

Description

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

Guia do colaborador

Pilha de tecnologia
vuetailwindcss
Domain
frontend
Tipo Issue
refactor
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
half day
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
fresh
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
clear
Prerequisites
Basic knowledge of VueBasic knowledge of Tailwind CSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75
Direção de pesquisa
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.