SvelteでWritable<T>のTの型を取得する #TypeScript

概要

ProviderIsOnline.svelte

  export type ContextIsOnline = Writable<boolean>

<script lang="ts">
  import type { ContextIsOnline } from '...';
  export let isOnline: XXXXX // ここ
</script>
<ProviderIsOnline {isOnline}>
  <slot />
</ProviderIsOnline>

XXXXXの部分でWritable<boolean>ではなくbooleanが欲しい時があります。
この例だと初期値をbooleanで受け取って、Contextで渡すのはwritable store って感じです。

StoresValuesを使う

<script lang="ts">
  import type { StoresValues } from 'svelte/store';
  import type { ContextIsOnline } from '...';
  export let isOnline: StoresValues<ContextIsOnline>
</script>
<ProviderIsOnline {isOnline}>
  <slot />
</ProviderIsOnline>

StoresValuesという型が用意されています。

今まで遭遇しなかったのであることをしりませんでした。
自分でいちいち自分で型を作らなくても用意されているのは助かりますね。