Configuré eslint-webpack-plugin con @babel/eslint-parser y eslint-plugin-vue en mi proyecto webpack y vue, pero cuando intento verificar los archivos vue arroja el siguiente error:

Error en phone-link.vue
Error 1:0 Error de análisis: esta sintaxis experimental requiere habilitar uno de los siguientes complementos del analizador: 'jsx, flow, typescript' (1:0)

¿Me estoy perdiendo algo en mi configuración, ya que funciona en ninguno de los archivos vue?

Paquetes:

 "@babel/core": "^7.12.16", "@babel/eslint-parser": "^7.16.0", "eslint": "^8.2.0", "eslint-config-airbnb-base": "^15.0.0", "eslint-plugin-import": "^2.25.2", "eslint-plugin-vue": "^8.0.3", "eslint-webpack-plugin": "^3.1.0",

Configuración del paquete web

 const ESLintPlugin = require('eslint-webpack-plugin'); plugins: [ new ESLintPlugin({ extensions: ['vue', 'js'], }) ],

eslintrc

 "extends": [ "eslint:recommended", "airbnb-base", "plugin:vue/recommended" ], "parser": "@babel/eslint-parser", "parserOptions": { "ecmaVersion": 6, "ecmaFeatures": { "experimentalObjectRestSpread": true } },

Ejemplo de archivo vue

 <template> <a :href="phoneLinkNumber" class="">{{ phoneLinkText }}</a> </template> <script> import SiteConstants from '../Constants/site-constants.js'; export default { name: 'phone-link', props: { phoneLinkText: { default: SiteConstants.PhoneNumber, }, }, data() { return { phoneLinkNumber: `tel:${SiteConstants.PhoneNumber.replace(/\s/g, "")}`, } }, } </script>