epicmaxco/vuestic-admin

Mix of tailwind and bem

Offen

#1.017 geöffnet am 24.01.2024

Auf GitHub ansehenContributor Guide
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)Vue (1.801 Forks)user submission
d1: super easygood first issuerefactoringv1: minor

Repository-Metriken

Stars
 (10.951 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Suchen Sie zunächst nach Komponenten, die BEM Klassennamen (gekennzeichnet durch ' ' oder ' ') im Repository verwenden, wahrscheinlich unter src/components. Verwenden Sie die in der Issue bereitgestellte Liste als Ausgangspunkt. Identifizieren Sie für jede Komponente die aktuellen BEM Klassen und ersetzen Sie sie durch entsprechende Tailwind Utility Klassen. Sie können auf vorhandene Tailwind gestylte Komponenten in der Codebasis verweisen, um Konsistenz zu gewährleisten. Die Verwendung eines KI Tools wie GPT kann helfen, Tailwind Klassenkombinationen zu generieren. Stellen Sie nach den Änderungen sicher, dass die Komponente korrekt gerendert wird und dem ursprünglichen Layout entspricht.
Tech Stack
vuetailwindcss
Domain
frontend
Issue Type
Refactoring
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
Tailwind CSSBEM methodology
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65