eslint-plugin-vue3-jsx

eslint-plugin-vue3-jsx

Eslint plugin for vue3-jsx

Installation

You'll first need to install ESLint:

$ npm i eslint --save-dev

Next, install eslint-plugin-vue3-jsx:

$ npm install eslint-plugin-vue3-jsx --save-dev

Usage

Add vue3-jsx to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:

{
    "plugins": ["vue3-jsx"]
}

Then configure the rules you want to use under the rules section.

{
    "rules": {
        "vue3-jsx/no-getCurrentInstance": 2,
        "vue3-jsx/prefer-effect": 2,
        "vue3-jsx/no-this-in-setup": 2,
        "vue3-jsx/prefer-render-in-setup": 2,
        "vue3-jsx/component-name": 2,
        "vue3-jsx/no-directives": 2,
        "vue3-jsx/no-reactivity-in-render": 2,
        "vue3-jsx/no-fragment-in-return-root": 2
    }
}

Supported Rules

• no-getCurrentInstance
• prefer-effect
• no-this-in-setup
• prefer-render-in-setup
• component-name
• no-directives
• no-reactivity-in-render
• no-fragment-in-return-root