diff --git a/packages/nuxt3/src/webpack/plugins/vue/client.ts b/packages/nuxt3/src/webpack/plugins/vue/client.ts
index 4b04d00218..f9be444332 100644
--- a/packages/nuxt3/src/webpack/plugins/vue/client.ts
+++ b/packages/nuxt3/src/webpack/plugins/vue/client.ts
@@ -5,10 +5,15 @@
 
 import hash from 'hash-sum'
 import uniq from 'lodash/uniq'
+import { Compilation } from 'webpack'
 
 import { isJS, isCSS } from './util'
 
 export default class VueSSRClientPlugin {
+  options: {
+    filename: string
+  }
+
   constructor (options = {}) {
     this.options = Object.assign({
       filename: null
@@ -16,96 +21,101 @@ export default class VueSSRClientPlugin {
   }
 
   apply (compiler) {
-    compiler.hooks.emit.tapAsync('vue-client-plugin', (compilation, cb) => {
-      const stats = compilation.getStats().toJson()
+    compiler.hooks.make.tap('VueSSRClientPlugin', (compilation: any) => {
+      compilation.hooks.processAssets.tapAsync({
+        name: 'VueSSRClientPlugin',
+        stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL
+      }, (assets, cb) => {
+        const stats = compilation.getStats().toJson()
 
-      const allFiles = uniq(stats.assets
-        .map(a => a.name))
+        const allFiles = uniq(stats.assets
+          .map(a => a.name))
 
-      const initialFiles = uniq(Object.keys(stats.entrypoints)
-        .map(name => stats.entrypoints[name].assets)
-        .reduce((files, entryAssets) => files.concat(entryAssets.map(entryAsset => entryAsset.name)), [])
-        .filter(file => isJS(file) || isCSS(file)))
+        const initialFiles = uniq(Object.keys(stats.entrypoints)
+          .map(name => stats.entrypoints[name].assets)
+          .reduce((files, entryAssets) => files.concat(entryAssets.map(entryAsset => entryAsset.name)), [])
+          .filter(file => isJS(file) || isCSS(file)))
 
-      const asyncFiles = allFiles
-        .filter(file => isJS(file) || isCSS(file))
-        .filter(file => !initialFiles.includes(file))
+        const asyncFiles = allFiles
+          .filter(file => isJS(file) || isCSS(file))
+          .filter(file => !initialFiles.includes(file))
 
-      const assetsMapping = {}
-      stats.assets
-        .filter(({ name }) => isJS(name))
-        .forEach(({ name, chunkNames }) => {
-          const componentHash = hash(chunkNames.join('|'))
-          if (!assetsMapping[componentHash]) {
-            assetsMapping[componentHash] = []
-          }
-          assetsMapping[componentHash].push(name)
-        })
+        const assetsMapping = {}
+        stats.assets
+          .filter(({ name }) => isJS(name))
+          .forEach(({ name, chunkNames }) => {
+            const componentHash = hash(chunkNames.join('|'))
+            if (!assetsMapping[componentHash]) {
+              assetsMapping[componentHash] = []
+            }
+            assetsMapping[componentHash].push(name)
+          })
 
-      const manifest = {
-        publicPath: stats.publicPath,
-        all: allFiles,
-        initial: initialFiles,
-        async: asyncFiles,
-        modules: { /* [identifier: string]: Array<index: number> */ },
-        assetsMapping
-      }
+        const manifest = {
+          publicPath: stats.publicPath,
+          all: allFiles,
+          initial: initialFiles,
+          async: asyncFiles,
+          modules: { /* [identifier: string]: Array<index: number> */ },
+          assetsMapping
+        }
 
-      const { entrypoints, namedChunkGroups } = stats
-      const assetModules = stats.modules.filter(m => m.assets.length)
-      const fileToIndex = file => manifest.all.indexOf(file)
-      stats.modules.forEach((m) => {
-        // Ignore modules duplicated in multiple chunks
-        if (m.chunks.length === 1) {
-          const [cid] = m.chunks
-          const chunk = stats.chunks.find(c => c.id === cid)
-          if (!chunk || !chunk.files) {
-            return
-          }
-          const id = m.identifier.replace(/\s\w+$/, '') // remove appended hash
-          const filesSet = new Set(chunk.files.map(fileToIndex))
+        const { entrypoints, namedChunkGroups } = stats
+        const assetModules = stats.modules.filter(m => m.assets.length)
+        const fileToIndex = file => manifest.all.indexOf(file)
+        stats.modules.forEach((m) => {
+          // Ignore modules duplicated in multiple chunks
+          if (m.chunks.length === 1) {
+            const [cid] = m.chunks
+            const chunk = stats.chunks.find(c => c.id === cid)
+            if (!chunk || !chunk.files) {
+              return
+            }
+            const id = m.identifier.replace(/\s\w+$/, '') // remove appended hash
+            const filesSet = new Set(chunk.files.map(fileToIndex))
 
-          for (const chunkName of chunk.names) {
-            if (!entrypoints[chunkName]) {
-              const chunkGroup = namedChunkGroups[chunkName]
-              if (chunkGroup) {
-                for (const asset of chunkGroup.assets) {
-                  filesSet.add(fileToIndex(asset.name))
+            for (const chunkName of chunk.names) {
+              if (!entrypoints[chunkName]) {
+                const chunkGroup = namedChunkGroups[chunkName]
+                if (chunkGroup) {
+                  for (const asset of chunkGroup.assets) {
+                    filesSet.add(fileToIndex(asset.name))
+                  }
                 }
               }
             }
-          }
 
-          const files = Array.from(filesSet)
-          manifest.modules[hash(id)] = files
+            const files = Array.from(filesSet)
+            manifest.modules[hash(id)] = files
 
-          // In production mode, modules may be concatenated by scope hoisting
-          // Include ConcatenatedModule for not losing module-component mapping
-          if (Array.isArray(m.modules)) {
-            for (const concatenatedModule of m.modules) {
-              const id = hash(concatenatedModule.identifier.replace(/\s\w+$/, ''))
-              if (!manifest.modules[id]) {
-                manifest.modules[id] = files
+            // In production mode, modules may be concatenated by scope hoisting
+            // Include ConcatenatedModule for not losing module-component mapping
+            if (Array.isArray(m.modules)) {
+              for (const concatenatedModule of m.modules) {
+                const id = hash(concatenatedModule.identifier.replace(/\s\w+$/, ''))
+                if (!manifest.modules[id]) {
+                  manifest.modules[id] = files
+                }
               }
             }
+
+            // Find all asset modules associated with the same chunk
+            assetModules.forEach((m) => {
+              if (m.chunks.some(id => id === cid)) {
+                files.push.apply(files, m.assets.map(fileToIndex))
+              }
+            })
           }
+        })
 
-          // Find all asset modules associated with the same chunk
-          assetModules.forEach((m) => {
-            if (m.chunks.some(id => id === cid)) {
-              files.push.apply(files, m.assets.map(fileToIndex))
-            }
-          })
+        const src = JSON.stringify(manifest, null, 2)
+
+        assets[this.options.filename] = {
+          source: () => src,
+          size: () => src.length
         }
+        cb()
       })
-
-      const src = JSON.stringify(manifest, null, 2)
-
-      compilation.assets[this.options.filename] = {
-        source: () => src,
-        size: () => src.length
-      }
-      cb()
     })
   }
 }