feat!(vite): upgrade to vite 4

nuxt · Dec 11, 2022 · 5d84f51 · 5d84f51
1 parent 4641e8e
commit 5d84f51
Show file tree

Hide file tree

Showing 9 changed files with 448 additions and 195 deletions.
diff --git a/package.json b/package.json
@@ -36,7 +36,7 @@
     "nuxt": "workspace:*",
     "nuxt3": "workspace:nuxt@*",
     "unbuild": "^1.0.2",
-    "vite": "^3.2.5",
+    "vite": "^4.0.0",
     "vue": "3.2.45"
   },
   "devDependencies": {
@@ -72,8 +72,8 @@
     "typescript": "^4.9.4",
     "ufo": "^1.0.1",
     "unbuild": "^1.0.2",
-    "vite": "^3.2.5",
-    "vitest": "^0.25.5",
+    "vite": "^4.0.0",
+    "vitest": "^0.25.7",
     "vue-tsc": "^1.0.11"
   },
   "packageManager": "pnpm@7.18.1",

diff --git a/packages/nuxt/src/app/components/layout.ts b/packages/nuxt/src/app/components/layout.ts
@@ -76,7 +76,12 @@ export default defineComponent({
 
       // We avoid rendering layout transition if there is no layout to render
       return _wrapIf(Transition, hasLayout && transitionProps, {
-        default: () => _wrapIf(LayoutLoader, hasLayout && { key: layout.value, name: layout.value, hasTransition: process.dev ? !!transitionProps : undefined, ...context.attrs }, context.slots).default()
+        default: () => _wrapIf(LayoutLoader, hasLayout && {
+          key: layout.value,
+          name: layout.value,
+          ...(process.dev ? { hasTransition: !!transitionProps } : {}),
+          ...context.attrs
+        }, context.slots).default()
       }).default()
     }
   }

diff --git a/packages/schema/package.json b/packages/schema/package.json
@@ -16,11 +16,11 @@
   "devDependencies": {
     "@types/lodash.template": "^4",
     "@types/semver": "^7",
-    "@vitejs/plugin-vue": "^3.2.0",
     "@unhead/schema": "^1.0.13",
+    "@vitejs/plugin-vue": "^4.0.0",
     "nitropack": "^1.0.0",
     "unbuild": "latest",
-    "vite": "~3.2.5"
+    "vite": "~4.0.0"
   },
   "dependencies": {
     "c12": "^1.1.0",

diff --git a/packages/test-utils/package.json b/packages/test-utils/package.json
@@ -26,7 +26,7 @@
   "devDependencies": {
     "playwright": "^1.28.1",
     "unbuild": "latest",
-    "vitest": "^0.25.5"
+    "vitest": "^0.25.7"
   },
   "peerDependencies": {
     "vue": "^3.2.45"

diff --git a/packages/vite/package.json b/packages/vite/package.json
@@ -21,8 +21,8 @@
   "dependencies": {
     "@nuxt/kit": "3.0.0",
     "@rollup/plugin-replace": "^5.0.1",
-    "@vitejs/plugin-vue": "^3.2.0",
-    "@vitejs/plugin-vue-jsx": "^2.1.1",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue-jsx": "^3.0.0",
     "autoprefixer": "^10.4.13",
     "chokidar": "^3.5.3",
     "cssnano": "^5.1.14",
@@ -44,13 +44,13 @@
     "postcss": "^8.4.19",
     "postcss-import": "^15.1.0",
     "postcss-url": "^10.1.3",
-    "rollup": "^2.79.1",
+    "rollup": "^3.7.3",
     "rollup-plugin-visualizer": "^5.8.3",
     "ufo": "^1.0.1",
     "unplugin": "^1.0.0",
-    "vite": "~3.2.5",
-    "vite-node": "^0.25.5",
-    "vite-plugin-checker": "^0.5.1",
+    "vite": "^4.0.0",
+    "vite-node": "^0.25.7",
+    "vite-plugin-checker": "^0.5.2",
     "vue-bundle-renderer": "^1.0.0"
   },
   "peerDependencies": {

diff --git a/packages/vite/src/server.ts b/packages/vite/src/server.ts
@@ -83,10 +83,10 @@ export async function buildServer (ctx: ViteBuildContext) {
         external: ['#internal/nitro', ...ctx.nuxt.options.experimental.externalVue ? ['vue', 'vue-router'] : []],
         output: {
           entryFileNames: 'server.mjs',
-          preferConst: true,
-          // TODO: https://github.com/vitejs/vite/pull/8641
-          inlineDynamicImports: !ctx.nuxt.options.experimental.viteServerDynamicImports,
-          format: 'module'
+          format: 'module',
+          generatedCode: {
+            constBindings: true
+          }
         },
         onwarn (warning, rollupWarn) {
           if (warning.code && ['UNUSED_EXTERNAL_IMPORT'].includes(warning.code)) {