Svelte: ReferenceError: derived is not defined

[azat-io]

Hello!

I'm trying to use Svelte component with store by NanoStores.

<script lang="ts">
import { ShikiMagicMove } from 'shiki-magic-move/svelte'

import { shiki } from '../stores/shiki'

// ...
</script>

<div>
  {#if $shiki.highlighter}
    <ShikiMagicMove
      options={{
        animateContainer: false,
        duration: 500,
        stagger: 3,
      }}
      highlighter={$shiki.highlighter}
      theme={$shiki.theme}
      code={'npm install'}
      lang="bash"
    />
  {/if}
</div>

However, all I am currently getting is an error message:

ReferenceError: derived is not defined

Maybe the problem lies here: https://github.com/shikijs/shiki-magic-move/blob/main/src/svelte/ShikiMagicMove.svelte#L22

fyi @mattcroat

[mattcroat]

@azat-io You have to be in runes mode.

[azat-io]

Thanks!