Vetur: The Setting of Vetur in VSCode Not Working in Nuxt.JS

[MarkSky]

Info

• Platform: Windows 10 64bit
• Vetur version: 0.18.1
• VS Code version: 1.33.0

Problem

I have set those in VSCode settings.json:

"vetur.format.scriptInitialIndent": true,

"vetur.format.styleInitialIndent": true,

But when I formate .vue files in the NuxtJS project, it doesn't work.
It still displayed:

If vetur doesn't support Nuxt.JS? Or Should I set others?

[octref]

If you have prettier extension, you might need to disable it for vue with prettier.disableLanguages.

[MarkSky]

I have add "prettier.disableLanguages": ["vue"] to the settings.json in VSCode.
It work now.

But after I format, I got many errors.

I just use npx create-nuxt-app projectname to create a NUXTJS project, and I don't set anything in the ptoject (like .editorconfig, .eslintrc.js,.prettierrc, etc.), but I get the eslint errors.

[octref]

https://vuejs.github.io/vetur/linting-error.html#linting

[MarkSky]

I find there is a different between in Vue project and Nuxt Project.
the .eslintrc.js in your link :
"extends": [ "eslint:recommended", "plugin:vue/recommended" ],
but the .eslintrc.js in Nuxt:
extends: [ '@nuxtjs', 'plugin:nuxt/recommended', 'plugin:prettier/recommended', 'prettier', 'prettier/vue', ],
Which one should I follow?

[njzydark]

@MarkSky Do you have this problem? #1161

[MarkSky]

No, I don't have this problem.
But I find I have to change the setting in .eslintrc.js:
The original in create-nuxt-app:
extends: [ '@nuxtjs', 'plugin:nuxt/recommended', 'plugin:prettier/recommended', 'prettier', 'prettier/vue' ],
I have to change to:
extends: [ '@nuxtjs', 'plugin:nuxt/recommended', 'prettier', 'prettier/vue', 'plugin:vue/essential', 'eslint:recommended', ],
The error will be solved.