withastro/astro

🐛 BUG: SASS content incorrectly highlighted as CSS syntax when `lang='sass'` is not on the same line with `<style`

Open

#14.657 aperta il 17 gen 2025

Vedi su GitHub
 (12 commenti) (0 reazioni) (0 assegnatari)TypeScript (3444 fork)batch import
- P2: nice to havefeat: syntaxgood first issuepkg: language-toolstriage: needs triage

Metriche repository

Star
 (59.282 star)
Metriche merge PR
 (Merge medio 4g 23h) (197 PR mergiate in 30 g)

Descrizione

Describe the Bug

When the lang attribute of the <style> tag is not on the same line as the style tag, the content may be incorrectly highlighted as CSS syntax.

Steps to Reproduce

  1. npm create astro@latest
  2. open the project in vscode
  3. install newest astro extension
  4. create anyname.astro with the contents
<style
  lang="sass"
  define:vars={{
    // any comment to avoid formatter collapse content into a single line
    foo: '#fff',
  }}
>
  .bar
    color: var(--foo)
</style>
  1. the content below .bar (include </style>) will be incorrectly highlighted as css syntax, not sass.

Link to Minimal Reproducible Example

https://gist.github.com/HPCesia/6e935433cfd6e414099f71714cb4961d

Guida contributor

Direzione di ricerca
Investigare la grammatica o la logica di evidenziazione della sintassi per i tag `<style>` nell'estensione Astro per VS Code. In particolare, esaminare come viene dedotto il linguaggio quando l'attributo `lang` è su una riga separata da `<style`. Il bug suggerisce che la grammatica utilizza una regex su singola riga o non riesce a analizzare attributi multi riga. Controllare la grammatica TextMate o il provider di token semantici per i file Astro.
Tech stack
typescript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
GitVS Code extension development basics
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60