Support Svelte.

Currently compiler breaks when it encounters <script> tag:

ERROR in ./src/login/base/base.svelte
Module build failed (from ./node_modules/linaria/loader.js):
SyntaxError: /home/tony/Projects/auxilia/src/login/base/base.svelte: Unexpected token (1:0)

> 1 | <script>
    | ^
  2 |     import style from './styles';
  3 |     import Field from '../input/input.svelte';
  4 |     import { css } from 'linaria';

I suppose Vue would have very similar problem as compiler doesn’t recognize that javascript is contained within the <script> tag.

Now for those who might not be aware, Svelte is a compiler for web standard compliant vanilla javascript components. Which made me think that Linaria sould be such a perfect fit to go hand in hand.

It’s important to note that it actually does work, as I import generated class name, as the styles get compiled from separate file, but that beats the point of single-file-components.

[pbitkowski]

Hi Tony. Thanks for your request! I checked Svelte and it looks like a really good idea to support it.

[madhavarshney]

@jayu Here you go: https://github.com/madhavarshney/svelte-linaria-sample. Let me know what you think! I’ll open a PR to update the docs sometime this week.