Update to Vite 6

[hugoattal]

Clear and concise description of the problem

Update to Vite 6

Suggested solution

Update to Vite 6

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that requests the same feature to avoid creating a duplicate.

[hugoattal]

If someone has some knowledge with Vite 6 and vite-node, it would be super helpful if you could help me fix the issue with the PR... #770

If you run pnpm watch, then run the examples/vue3 package with pnpm run story:build, you'll see this error:

[ERR_MODULE_NOT_FOUND]: Cannot find package 'histoire-style' imported from C:\Users\hugoa\Documents\git\histoire\examples\vue3\node_modules\.histoire\plugins\builtin_tailwind-tokens\Tailwind.story.mjs

If you delete the histoire-style from tailwind-tokens.ts, you'll get this error:

[ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".css" for C:\Users\hugoa\Documents\git\histoire\examples\vue3\node_modules\.histoire\plugins\builtin_tailwind-tokens\style.css

The error arises from

histoire/packages/histoire/src/node/collect/worker.ts

Lines 73 to 77 in 0f2c515

	await run({
	file: payload.storyFile,
	storyData,
	el,
	})

I have tested everything I could, but I can't seem to fix this issue. Histoire works without Tailwind, but it would be great to fix this problem. A huge refactoring may be needed to fix this, but I'd rather make it work with the current architecture if it's possible.

(cc @Akryum)

[hugoattal]

Well, it's likely due to a breaking change in vite-node from 0.37.7 to 1.0.0. I reverted the version, but it's pretty old, we should either find a way to make it work with recent version of ivte-node or using the new Vite environment runtime. I tried to use it but ran into the same kind of problem though...