# Svelte Syntax Highlighting

Sublime Text Syntax highlighting for [Svelte](https://svelte.dev/) components.

<img src="media/hello-world.png">

### Install

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

---

### Supported Scripts

##### TypeScript

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

or

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

##### CoffeeScript

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

##### LiveScript

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

##### Babel

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

### Supported Styles

##### Sass

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

##### Sass (SCSS)

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

##### Less

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

##### Stylus

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

##### PostCSS

```html
<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](https://github.com/vuejs/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](https://svelte.dev/).

### License

[MIT](http://opensource.org/licenses/MIT)