Description
Description
There is no .pretterrc in the scaffold, so Prettier uses its default options, which includes printWidth=80, semi=true, and singleQuote=false. This default config causes Prettier warnings in almost all .vue files.
Also, the scaffolded .eslintrc.cjs contains double-quoted keys, which causes Prettier warnings:
/* eslint-env node */
require("@rushstack/eslint-patch/modern-module-resolution"); // 💡 Replace `"@rushstack/eslint-patch/modern-module-resolution");` with `'@rushstack/eslint-patch/modern-module-resolution')`
module.exports = {
"root": true, // 💡 Replace `"root"` with `root`
"extends": [
"plugin:vue/vue3-essential",
"eslint:recommended",
"@vue/eslint-config-prettier"
] // 💡 Replace `"extends":·[⏎····"plugin:vue/vue3-essential",⏎····"eslint:recommended",⏎····"@vue/eslint-config-prettier"⏎··` with `extends:·['plugin:vue/vue3-essential',·'eslint:recommended',·'@vue/eslint-config-prettier'`
}I think that's caused by JSON.stringify() in the following line:
create-vue/utils/renderEslint.ts
Line 65 in 58c4fdb
Steps to reproduce
-
Scaffold a project with
create-vue:npm init vue my-project # select ESLint and Prettier options -
Open the project in VS Code.
-
In VS Code, install the official ESLint extension (if not already).
-
Observe the linter warnings in all
.vuefiles, and in.eslintrc.cjs.
Workaround
Copy create-vue's .prettierrc (which I presume was used to format the templates here) to the scaffolded project's root directory, but I think that should be done by create-vue automatically.