Make eslint work with vueJs with eslint-plugin-vue (tested with eslint-plugin-vue v4.3.0)

.eslintrc.js

// http://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  parserOptions: {
    sourceType: 'module',
    parser: 'babel-eslint',
  },
  env: {
    browser: true,
  },
  // required to lint *.vue files
  plugins: [
    'vue'
  ],
  extends: [
    'eslint:recommended',
    'airbnb',
    'plugin:vue/recommended'
  ],
  // add your custom rules here
  rules: {
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    'import/extensions': ['error', 'always', {
      js: 'never',
      vue: 'never'
    }]
  },
  settings: {
    'import/resolver': {
      node: {
        extensions: ['.js','.jsx','.vue']
      }
    },
  }
}

resolves .vue files so that you can import vue components without specifying .vue extension

👍

👍

how to resolve import/no-unresolved when importing TS files in JS in React, any idea?