Component events

Components can also dispatch events. To do so, they must create an event dispatcher. Update Inner.svelte:

  1. <script>
  2.     import { createEventDispatcher } from 'svelte';
  4.     const dispatch = createEventDispatcher();
  6.     function sayHello() {
  7.         dispatch('message', {
  8.             text: 'Hello!'
  9.         });
  10.     }
  11. </script>

createEventDispatcher must be called when the component is first instantiated — you can’t do it later inside e.g. a setTimeout callback. This links dispatch to the component instance.