[Vuejs]-VueJS and ESlint (prettier) parsing error "adjacent JSX elements must be wrapped in an enclosing parent tag"

by

0👍

I solved it by adding extends: [ 'vue', 'standard' ] to the .eslintrc so it now looks like this

require('@rushstack/eslint-patch/modern-module-resolution')

module.exports = {
  root: true,
  env: { es6: true, node: true },
  extends: [
    'vue',
    'standard',
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/eslint-config-typescript',
    '@vue/eslint-config-prettier',
  ],
  parser: 'vue-eslint-parser',
  parserOptions: {
    ecmaVersion: 'latest',
    parser: '@typescript-eslint/parser',
    sourceType: 'module',
  },
  rules: {
    'vue/multi-word-component-names': 0,
  },
}

Leave a comment