[Vue] Introduce Vue UX component

[t-richard]

Q	A
Bug fix?	no
New feature?	yes
Tickets	N/A
License	MIT

This PR introduces a UX Vue component which allows to render Vue.js components inside Twig templates, with the ability to pass down props to Vue components from Twig. It is implemented in the same way as the UX React component for coherence.

1. Call registerVueControllerComponents in app.js to register Vue components

import { registerVueControllerComponents } from "@symfony/ux-vue";

registerVueControllerComponents(require.context('./vue/controllers', true, /\.vue$/));

2. Create Vue "controller components" (eg. Hello.vue) inside the folder specified above (here assets/vue/controllers)

// assets/vue/controllers/Hello.vue
<template>
    <h1>Hello {{ name }}</h1>
</template>

3. All those components can now be used inside Twig using the helper function provided by the bundle, the second parameter are props that will be provided to the component

<div {{ vue_component('Hello', { name: 'Thibault' }) }}></div>

The implementation was heavily inspired by the work from @tgalopin in #329 (that's why I left him as author everywhere).

I'll gladly write docs and ux.symfony.com samples if accepted and once we agree on the API.

NB: Only Vue.js v3 is supported

[t-richard]

CI fail is unrelated, I fixed it in #427

[weaverryan]

This is wonderful work! Very minor comments

[weaverryan]

We can't do it until after the PR is merged (and the subtree split is setup), but we will also need to add a demo to ux.symfony.com and linking to it from here would be greta.

[94noni]

Passing by and reminded me one of my PR symfony/symfony-docs#16403
Could it be great to show case example of vuejs mounting with object serialized given to?
More a real ex as just passing a « name »

[t-richard]

I'm already planning to add a ux.symfony.com example (maybe in a following PR ?).

I'll link it here when ready 👍

[94noni]

Great 👍🏻

[94noni]

Can it be the ux.symfony.com ?
(I do not know the standards)

[t-richard]

This is the same for all UX components at the moment. Changing this would require to update all components and not sure it's wanted

[tgalopin]

It's a great PR, thanks so much!

[t-richard]

I've added docs and fixed the review comments.

I'll do the ux.symfony.com page in a separate PR.

CI is still failing due to the Chart.js error but built files are up to date for the Vue component.

[tgalopin]

Thanks @t-richard for working on this feature, this is much appreciated.