symfony-flex-recipes/symfony.ux-vue.3.4.json

{
    "manifests": {
        "symfony/ux-vue": {
            "manifest": {
                "bundles": {
                    "Symfony\\UX\\Vue\\VueBundle": [
                        "all"
                    ]
                },
                "copy-from-recipe": {
                    "assets/": "assets/"
                },
                "conflict": {
                    "symfony/webpack-encore-bundle": "<2.0",
                    "symfony/flex": "<1.20.0 || >=2.0.0,<2.3.0"
                },
                "add-lines": [
                    {
                        "file": "webpack.config.js",
                        "content": "\n    .enableVueLoader()",
                        "position": "after_target",
                        "target": ".splitEntryChunks()"
                    },
                    {
                        "file": "assets/app.js",
                        "content": "import { registerVueControllerComponents } from '@symfony/ux-vue';",
                        "position": "top",
                        "warn_if_missing": true
                    },
                    {
                        "file": "assets/app.js",
                        "content": "registerVueControllerComponents(require.context('./vue/controllers', true, /\\.vue$/));",
                        "position": "bottom",
                        "warn_if_missing": true,
                        "requires": "symfony/webpack-encore-bundle"
                    },
                    {
                        "file": "assets/app.js",
                        "content": "registerVueControllerComponents(import.meta.glob('./vue/controllers/**/*.vue', { eager: true }));",
                        "position": "bottom",
                        "warn_if_missing": true,
                        "requires": "symfony/reprise"
                    },
                    {
                        "file": "assets/app.js",
                        "content": "registerVueControllerComponents();",
                        "position": "bottom",
                        "warn_if_missing": true,
                        "requires": "symfony/asset-mapper"
                    }
                ],
                "post-install-output": [
                    "",
                    "  * Using <fg=green>Vite</>? Install <fg=green>@vitejs/plugin-vue</> so Vite can compile",
                    "    single-file components, and register it in your <comment>vite.config</>:",
                    "",
                    "      <fg=green>npm install --save-dev @vitejs/plugin-vue</>",
                    "",
                    "        import vue from '@vitejs/plugin-vue'",
                    "",
                    "        export default defineConfig({",
                    "            plugins: [",
                    "                vue(),",
                    "                Symfony({ /* ... */ }),",
                    "            ],",
                    "        })",
                    "",
                    "  * Using <fg=green>Rsbuild</>? Install <fg=green>@rsbuild/plugin-vue</> and register it in your",
                    "    <comment>rsbuild.config</>:",
                    "",
                    "      <fg=green>npm install --save-dev @rsbuild/plugin-vue</>",
                    "",
                    "        import { pluginVue } from '@rsbuild/plugin-vue'",
                    "",
                    "        export default defineConfig({",
                    "            plugins: [",
                    "                pluginVue(),",
                    "                Symfony({ /* ... */ }),",
                    "            ],",
                    "        })"
                ]
            },
            "files": {
                "assets/vue/controllers/Hello.vue": {
                    "contents": [
                        "<template>",
                        "    <div>Hello {{ name }}!</div>",
                        "</template>",
                        "",
                        "<script setup>",
                        "    defineProps({",
                        "        name: String",
                        "    });",
                        "</script>",
                        ""
                    ],
                    "executable": false
                }
            },
            "ref": "ca9ba883ada9d18fa2e34576f1c6375bff609198"
        }
    }
}