Declare "type": "module" in templates.

[junaga]

Clear and concise description of the problem

Vite is all about es modules. Imagine you run node vite.config.js with the following file, it won't work:

// vite.config.js
import vuePlugin from "@vitejs/plugin-vue"

console.log(vuePlugin())

You do this, to get a sense of how Vite plugins (their API) work.

But it fails, because it uses import syntax. node by default expects commonJS. This applies to all other scripts .js in the project. You write some es6-es2021 code and it works on the client, but doing node script.js fails by default. Is this to scare off newbies?

Suggested solution

Adding "type": "module" to the package.json in scaffoldings makes more sense I think.

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 request the same feature to avoid creating a duplicate.

[Shinigami92]

Duplicate of #4293

Workaround: use vite.config.ts instead of .js
vite.config.mjs may also work