feat: Support Vite 5.0 (#647)

examples/svelte4/package.json

@@ -22,6 +22,6 @@
  "histoire": "workspace:*",
  "start-server-and-test": "^1.15.4",
  "svelte-preprocess": "^5.1.0",
- "vite": "^4.5.0"
+ "vite": "^5.0.7"
  }
 }

examples/sveltekit/package.json

@@ -29,6 +29,6 @@
  "svelte-preprocess": "^4.10.7",
  "tslib": "^2.6.2",
  "typescript": "^4.9.5",
- "vite": "^4.5.0"
+ "vite": "^5.0.7"
  }
 }

examples/vue2/package.json

@@ -14,7 +14,7 @@
  "@histoire/plugin-vue2": "workspace:*",
  "@vitejs/plugin-vue2": "^2.3.1",
  "histoire": "workspace:*",
- "vite": "^4.5.0",
+ "vite": "^5.0.7",
  "vue-template-compiler": "^2.7.15"
  }
 }

examples/vue3-percy/package.json

@@ -2,6 +2,7 @@
  "name": "histoire-example-vue3-percy",
  "version": "0.0.1",
  "private": true,
+ "type": "module",
  "scripts": {
  "story:dev": "histoire dev",
  "story:build": "histoire build",
@@ -15,6 +16,6 @@
  "@histoire/plugin-vue": "workspace:*",
  "@vitejs/plugin-vue": "^4.5.0",
  "histoire": "workspace:*",
- "vite": "^4.5.0"
+ "vite": "^5.0.7"
  }
-}
+}

examples/vue3-screenshot/package.json

@@ -2,6 +2,7 @@
  "name": "histoire-example-vue3-screenshot",
  "version": "0.0.1",
  "private": true,
+ "type": "module",
  "scripts": {
  "story:dev": "histoire dev",
  "story:build": "histoire build",
@@ -15,6 +16,6 @@
  "@histoire/plugin-vue": "workspace:*",
  "@vitejs/plugin-vue": "^4.5.0",
  "histoire": "workspace:*",
- "vite": "^4.5.0"
+ "vite": "^5.0.7"
  }
-}
+}

examples/vue3-themed/package.json

@@ -15,6 +15,6 @@
  "@histoire/plugin-vue": "workspace:*",
  "@vitejs/plugin-vue": "^4.5.0",
  "histoire": "workspace:*",
- "vite": "^4.5.0"
+ "vite": "^5.0.7"
  }
 }

examples/vue3-vuetify/package.json

@@ -2,21 +2,22 @@
  "name": "histoire-example-vue3-vuetify",
  "version": "0.0.1",
  "private": true,
+ "type": "module",
  "scripts": {
  "story:dev": "histoire dev",
  "story:build": "histoire build",
  "story:preview": "histoire preview"
  },
  "dependencies": {
- "@mdi/font": "^5.9.55",
- "vue": "^3.3.8",
- "vuetify": "^3.4.2"
+ "@mdi/font": "^7.3.67",
+ "vue": "^3.3.11",
+ "vuetify": "^3.4.6"
  },
  "devDependencies": {
  "@histoire/plugin-vue": "workspace:*",
- "@vitejs/plugin-vue": "^2.3.4",
+ "@vitejs/plugin-vue": "^4.5.2",
  "histoire": "workspace:*",
- "vite": "^4.5.0",
- "vite-plugin-vuetify": "1.0.0-alpha.12"
+ "vite": "^5.0.7",
+ "vite-plugin-vuetify": "1.0.2"
  }
-}
+}

examples/vue3/package.json

@@ -2,6 +2,7 @@
  "name": "histoire-example-vue3",
  "version": "0.0.1",
  "private": true,
+ "type": "module",
  "scripts": {
  "dev:hst": "nodemon --watch ../../packages/histoire/dist --watch ../../packages/histoire-plugin-vue/dist --exec \"rm -rf ./node_modules/.hst* && HISTOIRE_DEV=true histoire dev\"",
  "story:dev": "histoire dev",
@@ -31,6 +32,6 @@
  "nodemon": "^2.0.22",
  "sass": "^1.69.5",
  "start-server-and-test": "^1.15.4",
- "vite": "^4.5.0"
+ "vite": "^5.0.7"
  }
-}
+}

packages/histoire-app/package.json

@@ -39,7 +39,7 @@
  "devDependencies": {
  "@tailwindcss/typography": "^0.5.10",
  "@types/fs-extra": "^9.0.13",
- "@types/node": "^17.0.45",
+ "@types/node": "^18.11.9",
  "@vitejs/plugin-vue": "^4.5.0",
  "autoprefixer": "^10.4.16",
  "chokidar": "^3.5.3",
@@ -51,7 +51,7 @@
  "postcss-import": "^14.1.0",
  "tailwindcss": "^3.3.5",
  "typescript": "^4.9.5",
- "vite": "^4.5.0",
+ "vite": "^5.0.7",
  "vue": "^3.3.8"
  }
 }

packages/histoire-controls-stories/package.json

@@ -26,6 +26,6 @@
  "@histoire/plugin-vue": "workspace:*",
  "@vitejs/plugin-vue": "^4.5.0",
  "histoire": "workspace:*",
- "vite": "^4.5.0"
+ "vite": "^5.0.7"
  }
 }

packages/histoire-controls/package.json

@@ -51,7 +51,7 @@
  "@histoire/vendors": "workspace:^"
  },
  "devDependencies": {
- "@types/node": "^17.0.45",
+ "@types/node": "^18.11.9",
  "@vitejs/plugin-vue": "^4.5.0",
  "@vue/runtime-dom": "^3.3.8",
  "@vue/test-utils": "^2.4.2",
@@ -64,7 +64,7 @@
  "postcss-import": "^14.1.0",
  "tailwindcss": "^3.3.5",
  "typescript": "^4.9.5",
- "vite": "^4.5.0",
+ "vite": "^5.0.7",
  "vitest": "^0.34.6",
  "vue": "^3.3.8",
  "vue-tsc": "^1.8.22"

packages/histoire-plugin-nuxt/package.json

@@ -35,10 +35,10 @@
  },
  "devDependencies": {
  "@nuxt/schema": "^3.8.2",
- "@types/node": "^17.0.45",
+ "@types/node": "^18.11.9",
  "histoire": "workspace:*",
  "typescript": "^4.9.5",
- "vite": "^4.5.0"
+ "vite": "^5.0.7"
  },
  "peerDependencies": {
  "@histoire/plugin-vue": "workspace:^",

packages/histoire-plugin-percy/package.json

@@ -34,7 +34,7 @@
  "puppeteer": "^13.7.0"
  },
  "devDependencies": {
- "@types/node": "^17.0.45",
+ "@types/node": "^18.11.9",
  "histoire": "workspace:*",
  "typescript": "^4.9.5"
  },

packages/histoire-plugin-screenshot/package.json

@@ -33,7 +33,7 @@
  "pathe": "^1.1.1"
  },
  "devDependencies": {
- "@types/node": "^17.0.45",
+ "@types/node": "^18.11.9",
  "histoire": "workspace:*",
  "typescript": "^4.9.5"
  },

packages/histoire-plugin-svelte/package.json

@@ -49,15 +49,15 @@
  },
  "devDependencies": {
  "@sveltejs/vite-plugin-svelte": "^1.4.0",
- "@types/node": "^17.0.45",
+ "@types/node": "^18.11.9",
  "concurrently": "^7.6.0",
  "fs-extra": "^10.1.0",
  "globby": "^13.1.1",
  "histoire": "workspace:*",
  "svelte": "^4.2.7",
  "svelte-preprocess": "^4.10.7",
  "typescript": "^4.9.5",
- "vite": "^4.5.0"
+ "vite": "^5.0.7"
  },
  "peerDependencies": {
  "histoire": "workspace:^",

packages/histoire-plugin-vue/package.json

@@ -54,15 +54,15 @@
  "pathe": "^1.1.1"
  },
  "devDependencies": {
- "@types/node": "^17.0.45",
+ "@types/node": "^18.11.9",
  "concurrently": "^7.6.0",
  "histoire": "workspace:*",
  "typescript": "^4.9.5",
- "vite": "^4.5.0",
+ "vite": "^5.0.7",
  "vue": "^3.3.8"
  },
  "peerDependencies": {
  "histoire": "workspace:^",
  "vue": "^3.2.47"
  }
-}
+}

packages/histoire-plugin-vue2/package.json

@@ -43,13 +43,13 @@
  "@histoire/vendors": "workspace:^"
  },
  "devDependencies": {
- "@types/node": "^17.0.45",
+ "@types/node": "^18.11.9",
  "change-case": "^4.1.2",
  "concurrently": "^7.6.0",
  "globby": "^13.2.2",
  "histoire": "workspace:*",
  "typescript": "^4.9.5",
- "vite": "^4.5.0",
+ "vite": "^5.0.7",
  "vue": "^2.7.15"
  },
  "peerDependencies": {

packages/histoire-shared/package.json

@@ -41,6 +41,6 @@
  },
  "devDependencies": {
  "typescript": "^4.9.5",
- "vite": "^4.5.0"
+ "vite": "^5.0.7"
  }
 }

packages/histoire-vendors/package.json

@@ -33,14 +33,14 @@
  "@iconify/vue": "^3.2.1",
  "@rollup/plugin-commonjs": "^23.0.7",
  "@rollup/plugin-node-resolve": "^15.2.3",
- "@types/node": "^18.18.11",
+ "@types/node": "^18.11.9",
  "@vueuse/core": "^9.13.0",
  "execa": "^6.1.0",
  "floating-vue": "2.0.0-beta.19",
  "fs-extra": "^10.1.0",
  "globby": "^13.2.2",
  "pinia": "^2.1.7",
- "rollup": "^3.29.4",
+ "rollup": "^4.8.0",
  "rollup-plugin-typescript2": "^0.34.1",
  "scroll-into-view-if-needed": "^2.2.31",
  "typescript": "^4.9.5",

packages/histoire/package.json

@@ -76,17 +76,17 @@
  "vite-node": "^0.34.6"
  },
  "peerDependencies": {
- "vite": "^2.9.0 || ^3.0.0 || ^4.0.0"
+ "vite": "^2.9.0 || ^3.0.0 || ^4.0.0 || ^5.0.0"
  },
  "devDependencies": {
  "@types/fs-extra": "^9.0.13",
  "@types/markdown-it": "^12.2.3",
  "@types/micromatch": "^4.0.6",
- "@types/node": "^17.0.45",
+ "@types/node": "^18.11.9",
  "esbuild": "^0.18.20",
- "rollup": "^3.29.4",
+ "rollup": "^4.8.0",
  "typescript": "^4.9.5",
- "vite": "^4.5.0",
+ "vite": "^5.0.7",
  "vitest": "^0.34.6"
  }
-}
+}

packages/histoire/src/node/vite.ts

@@ -94,9 +94,6 @@ export async function getViteConfigWithPlugins (isServer: boolean, ctx: Context)
  ? {
  // Force resolving deps like Node.JS resolution algorithm (in case some modules are not loaded with ssr: true e.g. .vue files)
  conditions: ['node'],
- // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
- // @ts-ignore we support Vite ^3.0, but browserField is available in Vite ^3.2
- browserField: false,
  }
  : {}),
  },