title: How to use v-bind=$attrs in vue 3?
body: <p>I am migrating vue 2 application to vue 3. In official docs, it is mentioned that $listeners object has been removed in Vue 3. Event listeners are now part of $attrs. It is taking non-prop attributes (class, style) as well. In my vue 2 application, there is one icon-button custom component and it is looking like this below.</p>
  <p><strong>Icon-component:</strong></p>
  <pre><code>&lt;template&gt;
      &lt;vu-button v-bind=&quot;buttonProps&quot;
                 :class=&quot;buttonClass&quot;
                  v-on=&quot;$listeners&quot;         
                 @click=&quot;buttonToggle&quot;&gt;
          &lt;vu-icon v-bind=&quot;iconProps&quot;&gt;&lt;slot/&gt;&lt;/vu-icon&gt;
      &lt;/vu-button&gt;
  &lt;/template&gt;
  </code></pre>
  <p>It is used in various other components.</p>
  <p><strong>Parent component 1:</strong></p>
  <pre><code>&lt;vu-icon-button id=&quot;sw1&quot; medium style=&quot;left:200px;&quot;&gt;home&lt;/vu-icon-button&gt;
  </code></pre>
  <p><strong>Parent component 2:</strong></p>
  <pre><code>&lt;vu-icon-button class=&quot;menu-detail-btn&quot; icon=&quot;collapse_menu&quot; icon-type=&quot;su&quot; @click=&quot;openModal()&quot; size=&quot;small&quot;&gt;&lt;/vu-icon-button&gt;
  </code></pre>
  <p>As of migration strategy, i removed the $listeners but not sure about those non-prop attributes and v-bind tag. How to modify those so it can be used in parent component with attributes?</p>