• Packages
  • Themes
  • Documentation
  • Blog
  • Discuss
Sign in

language-svelte

Simple syntax highlighting for Svelte.
  • #language
  • #grammar
  • #svelte
rvantonisse
0.9.2 506
0
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

Language Svelte

HTML (Svelte)

Provides syntax highlighting for Svelte Components, directives and other Svelte specific syntax in Atom.

If you are looking for IDE support use ide-svelte instead.

Syntax naming conventions

Syntax naming is done following conventions from Sublime and TextMate.

Features

  • Html snippet / autocompletion support from atom/language-html
  • Svelte snippets for: {#if}, {#each}, {#await} and <svelte:tag>.

Roadmap to v1.0.0

  • [ ] All Svelte syntax captured:

    • [x] Template blocks; if, each, await.

    • [ ] {expression} - Svelte expressions

    • [x] <svelte:tag>

    • [x] <script>

    • [ ] <script context="module">

    • [x] <style>

    • [ ] <style lang="postcss|sass|less">

    • [x] <Component/> (tag.component)

    • [x] Element directives:

      • [x] on - event directive
      • [x] bind - data flow directives
      • [x] class - css classes directive
      • [x] use - action directive
      • [x] transition|animate|in|out - motion directives
    • [ ] Component directives; on, bind.

    • [ ] Svelte component lifecycle

    • [ ] Svelte slot element; named slot, slot property values

    • [ ] Svelte modules; stores, motion, transition, animation

  • [x] Snippets

    • [x] {#if}

    • [x] {#each}

    • [x] {#await}

    • [ ] <svelte:x>

    • [ ] Accessibility related (html snippets)

  • [ ] Tree sitter Svelte... This seems to be a bit more advanced stuff and might be done in v1.1+.

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by