Estoy migrando la aplicación vue 2 a vue 3. En los documentos oficiales, se menciona que el objeto $listeners se eliminó en Vue 3. Los detectores de eventos ahora forman parte de $attrs. También está tomando atributos no prop (clase, estilo). En mi aplicación vue 2, hay un componente personalizado de botón de icono y se ve así a continuación.

Icono-componente:

 <template> <vu-button v-bind="buttonProps" :class="buttonClass" v-on="$listeners" @click="buttonToggle"> <vu-icon v-bind="iconProps"><slot/></vu-icon> </vu-button> </template>

Se utiliza en varios otros componentes.

Componente padre 1:

 <vu-icon-button id="sw1" medium style="left:200px;">home</vu-icon-button>

Componente padre 2:

 <vu-icon-button class="menu-detail-btn" icon="collapse_menu" icon-type="su" @click="openModal()" size="small"></vu-icon-button>

A partir de la estrategia de migración, eliminé los $oyentes pero no estoy seguro acerca de esos atributos no prop y la etiqueta v-bind. ¿Cómo modificarlos para que puedan usarse en el componente principal con atributos?