Eslint Plugin Vue Pug SFC

Intro

This plugin tries to support all the template related rules from eslint-plugin-vue for Pug in .vue files.
It does NOT replace eslint-plugin-vue!

• Getting started
• Usage
• Motivation

Getting started

npm add --save-dev eslint-plugin-vue-pug-sfc
#or
yarn add --dev eslint-plugin-vue-pug-sfc
#or
pnpm add --save-dev eslint-plugin-vue-pug-sfc

Make sure you also installed eslint and eslint-plugin-vue.

Usage

In eslint config:

{
  "plugins": [
    // Still configure eslint-plugin-vue, because you want also lint parts like `<script>`.
    "vue",
    // Now configure eslint-plugin-vue-pug-sfc.
    "vue-pug-sfc"
  ],
  "rules": {
    "vue-pug-sfc/this-in-template": "warn"
  }
}

or via extends:

{
  "extends": ["plugin:vue/recommended", "plugin:vue-pug-sfc/recommended"]
}

Please note that the vue-pug-sfc plugin has no access to vue configuration, so you need to configure it additionally.

Motivation

• https://github.com/vuejs/eslint-plugin-vue/issues/640
• https://github.com/vuejs/eslint-plugin-vue/issues/310
• https://github.com/vuejs/vue-eslint-parser/issues/29