title: Pass keyboard events to child component
body: <p>See this simple modal component:</p>
  
  <pre><code>Vue.component('modal-content', {
    template: `
        &lt;div class="modal"&gt;
           ...
        &lt;/div&gt;
    `,
  
    props: ['title'],
  
  });
  </code></pre>
  
  <p>How can I control keyboard press from the components that use it (parents)?</p>
  
  <p>If I use @keyup.esc event then it does not have any effect:</p>
  
  <pre><code>&lt;portal to="modal-wrap"&gt;
    &lt;modal-content @keyup.esc="doSomething"&gt;
    &lt;/modal-content&gt;
  &lt;/portal&gt; 
  </code></pre>
  
  <p>If I put @keyup.esc in the modal-content component on the DIV then it works, but that's no use to me because I need to call the <code>doSomething</code> function which exists in the parent component</p>