No error reported in the editor

[wenfangdu]

Error is reported in the terminal but is not reported in the editor:

.eslintrc.js

module.exports = {
  env: {
    node: true,
  },
  extends: [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/typescript/recommended',
    '@vue/prettier',
    '@vue/prettier/@typescript-eslint',
  ],
  parserOptions: {
    ecmaVersion: 2020,
  },
  root: true,
  rules: {
    'object-shorthand': 'error',
  },
}

[dbaeumer]

@wenfangdu when validating in the terminal which working directory are you using. If it is different than VS Code's workspace folder you opened then very likely you need to configure eslint.workingDirectories. If it is the same then please provide me with a GitHub repository I can clone that demos that.

[wenfangdu]

@dbaeumer The working directories are the same, I've added repro here, please take a look! The readme provides some info too.

[dbaeumer]

I am a little puzzled with the example. What do you expect in main.ts to happen. If I change the code to

import { createApp } from "vue";
import App from "./App.vue";

createApp(App).mount("#app");

const a = "a";
// 👇 ts is not
console.log({ a: a });

to mirror what is in test.js I get the correct error

[wenfangdu]

@dbaeumer Oops, sorry, seems vue-cli-service lint fixed main.ts issue when committing, I've recovered the code in main.ts to the following (repro is updated), mine is not throwing 🤔:

My vscode-eslint config:

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

I'm using VSCode v1.56.0 and vscode-eslint v2.1.20, could you please post your vscode-eslint config?

[wenfangdu]

@dbaeumer I've fixed this issue by adding parser: "@typescript-eslint/parser" into .eslintrc.js under parserOptions, the codebase was generated by vue-cli, it didn't generate this line. Have you added parser before trying, if you didn't, then this issue is weirder 🤔.

[dbaeumer]

@wenfangdu no, I didn't change any configuration file. I agree it is wired but without being able to reproduce I opt to close for now. Ping if you disagree.

[wenfangdu]

@dbaeumer I seem to have found the cause and open a new issue #1266, when using vue-eslint-parser, and with "eslint.validate": [], .ts and .tsx files aren't auto-detected, unless I explicitly specify:

{
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ]
}