Error in .vue file eslint

problem description

eslint keeps reporting errors in .vue files, but there"s really nothing wrong with the code

  2:8  error  Parsing error: Unexpected token /

/Users/yifan/Desktop/vue-ssr/client/layout/Todo/Header.vue
  2:18  error  Parsing error: Unexpected token =

/Users/yifan/Desktop/vue-ssr/client/layout/Todo/Item.vue
  2:10  error  Parsing error: Unexpected token :

/Users/yifan/Desktop/vue-ssr/client/layout/Todo/Tabs.vue
  2:15  error  Parsing error: Unexpected token =

/Users/yifan/Desktop/vue-ssr/client/layout/Todo/Todo.vue
  2:19  error  Parsing error: Unexpected token =

the environmental background of the problems and what methods you have tried

adding "parser": "babel-eslint" on the web is not easy to use, and
is not easy to use from eslint-plugin-html-> eslint-plugin-vue for eslint plugin.

related codes

/ / Please paste the code text below (do not replace the code with pictures)
these are several corresponding error reports

header.vue 2:18
    <header class="main-header">
Item.vue 2:10
    <div :class="["todo-item",todo.completed ? "completed": ""]">
Tabs.vue 2:15
    <div class="helper">


.eslintrc
{
  "extends": "standard",
  "plugins": [
    "vue"
  ]
}

what result do you expect? What is the error message actually seen?

Apr.01,2022

"extends": "standard",
"parser": "babel-eslint",
"plugins": [
    "html"
]
Menu