tutorialkit icon indicating copy to clipboard operation
tutorialkit copied to clipboard

Syntax highlight for `*.astro` files

Open AriPerkkio opened this issue 1 year ago • 1 comments

Is your feature request related to a problem?

*.astro files are displayed without any syntax highlighting in the CodeMirror editor. https://astropatterns-dev.vercel.app

Describe the solution you'd like.

Add syntax highlight similar to:

  • https://github.com/stackblitz/tutorialkit/pull/256
  • https://github.com/stackblitz/tutorialkit/pull/212

Describe alternatives you've considered.

Additional context

Split from #144.

AriPerkkio avatar Oct 02 '24 07:10 AriPerkkio

There are bounties on this because the problem is that we lack an Astro grammar in the first place in codemirror official packages (where Vue support comes from) or Replit packages (where Svelte come from):

  • https://replit.com/bounties/@masfrost/astro-and-astro-mark
  • https://replit.com/bounties/@triptych/get-astro-language-s

So it seems that these packages rely on a simple grammar describing the language: it must exist in Astro VS code extension/language server, not sure about the formats though.

eric-burel avatar Nov 05 '24 19:11 eric-burel