Declarations that use interpolations with Props seem to be ignored

Aperta
  • Qualcosa non va?
#8 4 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
55/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Ferma
Ambito
devtools, testing-qa

Direzione di ricerca

La issue riguarda il fatto che il linter ignora le dichiarazioni di stile che usano interpolazioni con Props in styled-components. Esamina il parser nel plugin di sintassi postcss-styled-components per vedere come gestisce attualmente le interpolazioni dei template literal. Dovrebbero essere aggiunti casi di test per verificare che vengano rilevate le regole relative alle proprietà duplicate e ai colori esadecimali non validi quando si usano Props. Controlla la test suite per trovare esempi esistenti di parsing di styled-components.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Emotion allows changing styles based on Props ( https://emotion.sh/docs/styled#changing-based-on-props ).
Right now declarations using this synthax seem to be ignored by the linter.

I think that for example the following cases should result in an error:

Example 1:
https://stylelint.io/user-guide/rules/declaration-block-no-duplicate-properties

const Button = styled.button`
  color: ${props => (props.primary ? 'hotpink' : 'turquoise')};
  color: ${props => (props.primary ? 'hotpink' : 'turquoise')};
`

Example 2:
https://stylelint.io/user-guide/rules/color-no-invalid-hex

const Button = styled.button`
    color: ${(props) => (props.primary ? '#f00' : '#00')};
`;
Lingua principale
TypeScript
Stelle
12
Fork
1
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di 43081j/postcss-styled-components

Tutte le issue di 43081j/postcss-styled-components

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.