lemonbot/eslint-config-vue

Enhances Airbnb's ESLint config with TypeScript support

Setup

1) Install dependencies (and peer dependencies)

npm i eslint \
      @lemonbot.fun/eslint-config-vue \
      @typescript-eslint/eslint-plugin@^7.0.0 \
      @typescript-eslint/parser@^5.0.0 \
      typescript \
      -D
            
# eg: pnpm
pnpm add eslint \
        @lemonbot.fun/eslint-config-vue \
        @typescript-eslint/eslint-plugin@^7.0.0 \
        @typescript-eslint/parser@^5.0.0 \
        typescript \
        -D 
            
# eg: yarn
yarn add eslint \
        @lemonbot.fun/eslint-config-vue \
        @typescript-eslint/eslint-plugin@^7.0.0 \
        @typescript-eslint/parser@^5.0.0 \
        typescript \
        --dev

2) Configure ESLint

Within your ESLint config file:

extends: [
  '@lemonbot.fun/eslint-config-vue',
],

Setting import resolver.

If you are using vue-cli add config blow

settings: {
  'import/resolver': {
    webpack: {
      config: require.resolve('@vue/cli-service/webpack.config.js'),
    }
  }
},

If you are using webpack standalone, add config blow

settings: {
  'import/resolver': {
    webpack: {
      config: './path-to-your-webpack.config.js',
    }
  }
},

Credits

Authored and maintained by Jason Chang (Lemonbot).

License

Open source licensed as MIT.