AtomでSvelte 3のSyntax Highlight

https://svelte.dev/docs#Component_format にもあるように*.svelteはだいたいHTMLなので、HTMLのハイライトを使うようにエディタを設定してやればよさそう。ブログに書くときもHTMLってことにすれば

<script>
  export let name
</script>

<style>
  .p {
    color: purple;
  }
</style>

<p>Hello {name}</p>

こんな感じ。

で、Atomの設定を眺めたけどそういう項目がなかったのでググり、config.csonにcustomFileTypesを書くとよいという知見を得た。

"*":
  ...
  core:
    ...
    customFileTypes:
      "text.html.basic": [
        "svelte"
      ]

一応svelte-atomっていうパッケージはあったけど、v3には対応してなさそうだった。多分そのうちlanguage-svelteみたいなのが現れると思う。