title: How to apply mouseover function to component in Svelte
body: <p>I have the following elements:</p>
  <p><strong>Parent.svelte</strong></p>
  <pre><code>&lt;script&gt;
      import Child from './Child.svelte';
  
      function handleMouse(){
  
      }
  
  &lt;/script&gt;
  
  &lt;Child on:mousedown={handleMouseDown} on:mouseover={handleMouse}/&gt;
  
  &lt;div draggable=&quot;true&quot; on:mousedown={handleMouseDown} on:mouseover={handleMouse}&gt;Text&lt;/div&gt;
  </code></pre>
  <p><strong>Child.svelte</strong></p>
  <pre><code>&lt;div draggable=&quot;true&quot;&gt;Child text&lt;/div&gt;
  </code></pre>
  <p>How can I get the <code>handleMouse()</code> function to work on the child component, when the function is in the parent component?</p>
  <p>I can recreate the function inside of the child component, but is there a way to just bind to the parent functions for the child element?</p>