withastro/astro

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

Open

#14.657 aberto em 17 de jan. de 2025

Ver no GitHub
 (12 comments) (0 reactions) (0 assignees)TypeScript (3.444 forks)batch import
- P2: nice to havefeat: syntaxgood first issuepkg: language-toolstriage: needs triage

Métricas do repositório

Stars
 (59.282 stars)
Métricas de merge de PR
 (Mesclagem média 4d 23h) (197 fundiu PRs em 30d)

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

Guia do colaborador

Direção de pesquisa
Investigue a gramática ou lógica de destaque de sintaxe para tags `<style>` na extensão Astro para VS Code. Especificamente, veja como o idioma é inferido quando o atributo `lang` está em uma linha separada de `<style>`. O bug sugere que a gramática usa uma regex de linha única ou falha ao analisar atributos de várias linhas. Verifique a gramática TextMate ou o provedor de tokens semânticos para arquivos Astro.
Pilha de tecnologia
typescript
Domain
frontend
Tipo Issue
Bug
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.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
GitVS Code extension development basics
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60