Part 3 / Module context / Exports
context="module" スクリプトブロックからエクスポートされたものはすべてモジュール自体からのエクスポートになります。もし、AudioPlayer.svelte から stopAll 関数をエクスポートすると…
<script context="module">
const elements = new Set();
export function stopAll() {
elements.forEach(element => {
element.pause();
});
}
</script>…そしてそれを App.svelte でインポートすることができます…
<script>
import AudioPlayer, { stopAll } from './AudioPlayer.svelte';
</script>…さらにそれをイベントハンドラで使うことができます。
<button on:click={stopAll}>
stop all audio
</button>default export は使うことはできません、なぜならコンポーネント が default export だからです。
initialising