[Bug]: EsLint not formatting the .vue files.

[lohchab]

Demo URL

No response

What happened?

The EsLint should properly format and fix all the code in opened .vue files but its not working but If I manually execute the eslint from command line it works but not inside the Visual Studio Code.

Eslint Debug Output

Reproduction steps

1. Use latest version of Visual Studio Code.
2. Install everything using pnpm install and run pnpm dev it will work fine.
3. Now open the project root directory in the Visual Studio Code, install all recommended extensions including Volar, Eslint and open any .vue file present in the .demo or .app folder. Make some changes that are not compliant with the EsLint Vue rules and eslint will not format anything or give any errors/problems.
...

Relevant log output

This is the error Visual Studio Code reports in the Notification.

Extension 'ESLint' is configured as formatter but it cannot format 'Vue'-files

What browsers are you seeing the problem on?

Other

What is your operating system?

Windows

[lohchab]

If we place any .vue file in the root directory of project such as on this path "K:\source\GitHub\tairo\layouts.vue" it works fine and eslint able to detect and fix formatting problems. Looks like for some reason it's ignoring all .vue files in the .demo and .app folders.

[lohchab]

Problem is that eslint ignores folders having (.) dot in the name. Solution is to make below listed changes to the .eslintignore file.

!/.app
!/.demo
.demo/public/
layers/documentation/content/**/*.md

[driss-chelouati]

This should be added to the documentation for reference