Questions tagged [eslint-plugin-vue]
20 questions
6
votes
1 answer
Eslint: How to use globally installed eslint-plugin-vue
I would like to use linter elint-plugin-vue as global installation since i use Docker a lot and i might not have a node_modules folder at the root of my repositories.
Previously, i have installed the linter like this: sudo npm install -g eslint…

nichoio
- 6,289
- 4
- 26
- 33
3
votes
0 answers
ESLint 'The extension for the file (.vue) is non-standard' error
When run eslint --ext \".js,.ts,.vue\" --ignore-path .gitignore . script using npm run lint, the following error occurs.
/(somethingSomething...)/Test.vue
0:0 error Parsing error: "parserOptions.project" has been set for…

HK S0
- 404
- 2
- 4
- 14
3
votes
1 answer
Could not find implementations for the following rules specified in the configuration
I am converting my tslint to eslint using below
Reference : https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin-tslint#usage
This is my tslint.json…

Kumaresan Sd
- 1,399
- 4
- 16
- 34
3
votes
5 answers
How to resolve eslint(vue/html-closing-bracket-newline) conflict
On save, VSCode is fixing eslint is fixing all the rules. How to fix the below conflict?
Expected Indentation
Unexpected Indentation
VScode Plugins in use:
[
"formulahendry.auto-close-tag",
"msjsdiag.debugger-for-chrome",
…

Mithun Shreevatsa
- 3,588
- 9
- 50
- 95
2
votes
0 answers
vue/singleline-html-element-content-newline for text node
I use "eslint-plugin-vue"
I would like to use the rule "vue/singleline-html-element-content-newline" in my projects but it works inconvenient for me
All the more because this rule is recommended:
This rule is included in all of…

belykh
- 1,109
- 10
- 25
2
votes
4 answers
Problem "vue/no-multiple-template-root" occurs, how do I fix it?
Edit: Somehow doing v-if and v-else statements fixed this. Nonetheless could someone explain how to fix this?
Summary: Error occurs because of 2 Elements present in template. This Vue 3 The template root requires exactly one…

wiebke-blip
- 23
- 1
- 4
2
votes
1 answer
error Expected 1 line break before closing bracket, but no line breaks\ found vue/html-closing-bracket-newline
My current .eslintrc.js file has these options set for the eslint-plugin-vue
plugin:
"vue/html-closing-bracket-newline": ["error", {
"singleline": "never",
"multiline": "always"
}]
The problem this accepts only this syntax:

Billal Begueradj
- 20,717
- 43
- 112
- 130
1
vote
0 answers
How does eslint control line breaks when multiple child elements are displayed
I want to use eslint to achieve this effect without prettier
// before
11
// after
1
1

MrNobody
- 41
- 1
- 5
1
vote
1 answer
Conflicting peer dependancy: eslint-plugin-vue@7.20.0
I am getting a conflicting peer dependency: eslint-plugin-vue@7.20.0 when trying to build/deploy my Vue CLI application using Heroku:
npm ERR! Could not resolve dependency:
npm ERR! peer eslint-plugin-vue@"^7.0.0" from…

mushvamp
- 11
- 2
1
vote
1 answer
Linting not working eslint-plugin-vue for .vue with
If i have 3 files: TheAloha.vue, TheAloha.html, TheAloha.js, linting don't work for TheAloha.js.
TheAloha.vue
TheAloha.js
export default {
beforeDestroy() {
…

Ilia Brykin
- 271
- 1
- 8
1
vote
1 answer
Is the default rule vue/attribute-hyphenation in conflict with vue/prop-name-casing?
I am working on the project using eslint-plugin-vue and I have child and parent components.
the child component needs to pass a value into parent components.
// parent
export default {
name: 'recordDetail',
props: {
'record-id': { //…

kwan lok law
- 13
- 3
1
vote
1 answer
Failed to load config "eslint-plugin-vue" to extend from
I am setting up eslint for vue in vscode. I am getting this notification when ever I format my code.
ESLint stack trace:
[Error - 2:20:56 AM] Error: Failed to load config "eslint-plugin-vue" to extend from.
Referenced from:…

Abdullah Ch
- 1,678
- 1
- 13
- 31
1
vote
1 answer
vue.js disable max-len within with eslint-plugin-vue
How can I disable the max-len warnings globally within the
tags in the .vue files?
The reason I want to do this is I don't want to write
each time.
I also don't want to disable it globally…

basti500
- 600
- 4
- 20
0
votes
0 answers
Eslint configuration for separated Vue component
Here is my eslintrc.json
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"eslint:recommended",
"plugin:vue/vue3-essential"
],
"parserOptions": {
"ecmaVersion": "latest"
…

corona richard
- 1
- 2
0
votes
0 answers
How do you allow this prettier formatting in eslint-plugin-vue (long attribute formatting), or change the prettier option?
When I use prettier, the formatting is giving me this for v-if,
But…

Stéphane Gerber
- 1,388
- 1
- 17
- 30