Repository navigation
[Bug]: EsLint not formatting the .vue files. #162
Description
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'-filesWhat browsers are you seeing the problem on?
Other
What is your operating system?
Windows
Activity
lohchab commentedon Dec 4, 2023
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 commentedon Dec 4, 2023
Problem is that eslint ignores folders having (.) dot in the name. Solution is to make below listed changes to the .eslintignore file.
driss-chelouati commentedon Mar 18, 2024
This should be added to the documentation for reference