defineProps<{ msg: string }>() Parsing error: Unexpected token )

[yf339339]

Environment

Node version: 16.20.0
npm version: 8.19.4
Local ESLint version: 8.41.0
Global ESLint version: no
Operating System: win 10

What parser are you using?

Default (Espree)

What did you do?

vue3 default file HelloWorld.vue error

What did you expect to happen?

defineProps<{ msg: string }>() no error

What actually happened?

vue3 default file HelloWorld.vue error

Link to Minimal Reproducible Example

no

Participation

• I am willing to submit a pull request for this issue.

Additional comments

No response

[aladdin-add]

not very familiar with the vue+ts integration, but it's mostly a configure issue. converting to a discussion.

[daiwanxing]

Hi @yf339339, please checkout whether installed eslint-plugin-vue. If not, you should install it.

an example within use eslint-plugin-vue in eslint

// .eslintrc.js
module.exports = {
 // .....
 parser: "vue-eslint-parser",
 extends: ["plugin:vue/vue3-recommended"],
}

I hope this will resolve your problem.

[yf339339]

Thanks，I installed it，I built the vue project according to the official vite documentation, and then installed eslint separately

[aladdin-add]

to use ts-eslint, can you try the parserOptions.parser: "@typescript-eslint/parser"?

https://eslint.vuejs.org/user-guide/#how-to-use-a-custom-parser

and were you using eslint init @eslint/config to create the config. I think we might need to fix it in @eslint/create-config if so.

[aladdin-add]

I was able to repro it as followings:

I think you can just change reorder the extends:

extends: ["standard-with-typescript", "plugin:vue/vue3-essential"]

and remove the "parser": "@typescript-eslint/parser".

thanks for the report, will make a fix later. :)

[yf339339]

Thanks, but it doesn't seem to work，I built the vue project according to the official vite documentation, and then installed eslint separately

[aladdin-add]

try this.

[yf339339]

Thanks,It's ok