title: vue passing props to sub component will generate html attributes to wrapper root
body: <p>So I have this component <code>PageWrapper</code> that has a <code>title</code> props.</p>
  <pre><code>&lt;div id=&quot;page-wrapper&quot;&gt;
    &lt;h1&gt;{{title}}&lt;/h1&gt;
    &lt;slot /&gt;
  &lt;/div&gt;
  </code></pre>
  <p>And I have a wrapper component that forwards most props to its child:</p>
  <pre><code>  &lt;PageWrapper v-bind=&quot;[$attrs]&quot;&gt;
      &lt;slot name=&quot;default&quot;/&gt;
    &lt;/PageWrapper&gt;
  </code></pre>
  <p>It works as expected, except that my page wrapper root has an extra <code>title</code> html attribute that I don't want to be there.</p>
  <pre><code>&lt;div id=&quot;page-wrapper&quot; title=&quot;My Title&quot;&gt;
    &lt;h1&gt;My title&lt;/h1&gt;
    &lt;!-- rest of the page --&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I have the feeling there is a confusion between html attributes and vue properties when forwarding to sub-component.</p>
  <p>I thought this had to do with the difference between <code>$props</code> and <code>$attrs</code> but apparently not as it doesn't work in any case.</p>
  <p>Can someone clarify this for me? How can I avoid this html-attributes behavior?</p>
  <p>Cheers</p>