Svelte Syntax Highlighting

Sublime Text Syntax highlighting for Svelte components.

Install

• Via Package Control: search for Svelte.
• Manual: clone this repo into your Sublime Packages folder.

Supported Scripts

TypeScript

<script lang="typescript"></script>
<!-- or -->
<script type="text/typescript"></script>

or

<script lang="ts"></script>
<!-- or -->
<script type="text/ts"></script>

CoffeeScript

<script lang="coffeescript"></script>
<!-- or -->
<script type="text/coffeescript"></script>

LiveScript

<script lang="livescript"></script>
<!-- or -->
<script type="text/livescript"></script>

Babel

<script lang="babel"></script>
<!-- or -->
<script type="text/babel"></script>

Supported Styles

Sass

<style lang="sass"></style>
<!-- or -->
<style type="text/sass"></style>

Sass (SCSS)

<style lang="scss"></style>
<!-- or -->
<style type="text/scss"></style>

Less

<style lang="less"></style>
<!-- or -->
<style type="text/less"></style>

Stylus

<style lang="stylus"></style>
<!-- or -->
<style type="text/stylus"></style>

PostCSS

<style lang="postcss"></style>
<!-- or -->
<style type="text/postcss"></style>

NOTE: You still need to install corresponding packages for pre-processors (e.g. SASS, Typescript) to get proper syntax highlighting for them.

Special Thanks

Huge thanks to the Vue.js folks for their Vue Syntax Highlight package from which a ton of solutions for this package came.

And, obviously, the biggest thanks to Rich Harris for making something as awesome as Svelte.

License

MIT