withastro/astro

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

Open

#14 657 ouverte le 17 janv. 2025

Voir sur GitHub
 (12 commentaires) (0 réactions) (0 assignés)TypeScript (3 444 forks)batch import
- P2: nice to havefeat: syntaxgood first issuepkg: language-toolstriage: needs triage

Métriques du dépôt

Stars
 (59 282 stars)
Métriques de merge PR
 (Merge moyen 4j 23h) (197 PRs mergées en 30 j)

Description

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

Guide contributeur

Direction de recherche
Examinez la grammaire ou la logique de surlignage de syntaxe pour les balises `<style>` dans l'extension Astro pour VS Code. Spécifiquement, comment le langage est déduit lorsque l'attribut `lang` est sur une ligne séparée de `<style>`. Le bogue suggère que la grammaire utilise une expression régulière sur une seule ligne ou ne parvient pas à analyser les attributs multi lignes. Vérifiez la grammaire TextMate ou le fournisseur de jetons sémantiques pour les fichiers Astro.
Stack technique
typescript
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Plutôt claire
Prérequis
GitVS Code extension development basics
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60