chore(Vue3): v-bind checking

[DorraJaouad]

☑️ Resolves

• Part of Vue 3 Migration #9448

• Lowered v-bind to keep the same behavior in Vue 2 when migrating to Vue 3
• BreakoutRoomsEditor has v-bind="$attrs" on its root element, not needed as it is inherited automatically (in Vue 3) but also no props are needed from $attrs-> removed
• Checked components where their $attrs has been used. If there are classes or styles that might be forwarded ( in Vue 3, classes and styles are also included) -> none
• Found an icon for speaker view in Material Icon, so I just replaced the current one.

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before	🏡 After
Screenshot before

🚧 Tasks

• Another scan to double-check ?

🏁 Checklist

• 🌏 Tested with Chrome, Firefox and Safari or should not be risky to browser differences
• 🖥️ Tested with Desktop client or should not be risky for it
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

Missed one thing

[ShGKme]

BreakoutRoomsEditor has v-bind="$attrs" on its root element, not needed as it is inherited automatically -> removed

This is not completely correct.

In Vue 3 - yes. Attribute inheritance works for both, HTML attributes and component props.

However, in Vue 2 it doesn't. It inherit attributes only as attributes to put them into $attrs or the HTML element itself. But not as component props.

So, if we remove v-bind here, no BreakoutRoomsEditor attributes will be passed NcModal's props.

[ShGKme]

Still, it is fine to be removed.

Not because "it is inherited automatically" but because this BreakoutRoomsEditor component actually doesn't need this inheritance at all. Currently it is never used with NcModal props.

[DorraJaouad]

Right, I also checked and saw no props are needed from the component $attrs but forgot to mention it 😄

[DorraJaouad]

rebased onto main