fix: defer MediaManagerV2 Vue chunk until Vue CDN loads

assets/js/components/MediaManagerV2.js

@@ -1,5 +1,3 @@
-import MediaManagerV2Vue from '../components-vue/MediaManagerV2.vue';
-
 class MediaManagerV2 {
     constructor(adminController) {
         this.adminController = adminController;
@@ -24,9 +22,17 @@ class MediaManagerV2 {
         const mountPoint = document.querySelector('#nails-module-cdn-media-manager-v2');
         if (mountPoint) {
             try {
+                // Vue is loaded after module admin.min.js (Asset libraries come last).
+                // Vue 3 SFCs import from 'vue' at module eval time, so load them only
+                // after the CDN global is available — unlike Vue 2 / vue-loader 15.
                 const Vue = await this.waitForVue();
                 this.adminController.log('Mounting MediaManagerV2');
 
+                const { default: MediaManagerV2Vue } = await import(
+                    /* webpackChunkName: "admin.mediamanager-v2" */
+                    '../components-vue/MediaManagerV2.vue'
+                );
+
                 // Get switch back URL from mount point
                 const switchBackUrl = mountPoint.dataset.switchBackUrl || '';
 

webpack.config.js

@@ -9,7 +9,11 @@ module.exports = {
     },
     output: {
         filename: '[name].min.js',
-        path: path.resolve(__dirname, 'assets/js/')
+        chunkFilename: '[name].min.js',
+        path: path.resolve(__dirname, 'assets/js/'),
+        // Resolve async chunks relative to this script's URL
+        // (e.g. /vendor/nails/module-cdn/assets/js/)
+        publicPath: 'auto'
     },
     module: {
         rules: [
@@ -40,11 +44,17 @@ module.exports = {
     },
     plugins: [
         new MiniCssExtractPlugin({
-            filename: '../css/[name].min.css'
+            filename: '../css/[name].min.css',
+            chunkFilename: '../css/[name].min.css'
         }),
         new VueLoaderPlugin(),
 
     ],
+    // Keep the MediaManagerV2 async import as a single stable chunk
+    // (avoid hashed vendor split chunks like 621.min.js)
+    optimization: {
+        splitChunks: false
+    },
     externals: {
         vue: 'Vue'
     },