Update Vuejs version from 2 to 3

[jgribonvald]

Upgrading VueJS WebComponents from v2 to v3 would be needed on these subprojects:

• api-template-vue
• content-carousel
• esco-content-menu
• eyebrow-user-info
• sidebar-nav
• user-profile-menu
• dashboard-carousel
• content-renderer

[ChristianMurphy]

Copying over some insights from @jgribonvald on Slack.

Hi folks, just to provide a feedback it seems that migrating WC developped with vuejs 2 to vuejs 3 isn't available now, some parts (slot and style management) are missing and it's not on the priorities ! see here for details: https://github.com/vuejs/vue-web-component-wrapper/issues/93 I wonder if there isn't easy way to migrate to something like Lit Element ?

[ChristianMurphy]

I'm hopeful that Vue may offer a migration path for web components to version 3. In the case isn't an option, some of the lighter elements could maybe be dropped into plain custom element. Several have enough state, that a library/framework could help some.

Again @jgribonvald provided a handy link for this

https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/

of the frameworks listed, several look particularly promising.

• Solid https://www.solidjs.com/
• Stencil https://stenciljs.com/
• Haunted https://github.com/matthewp/haunted

[jgribonvald]

Somes are promising, but keep in mind that Web-Component are small elements, and so they should stay very light !

Lit 2.0 provide a good comprise.

[jgribonvald]

919 provide a conversion of the esco-content-menu from vueJS to Lit 2.0