Правила отступа в скрипте компонента Vue конфликтуют - PullRequest
Новая
       41

Правила отступа в скрипте компонента Vue конфликтуют

1 голос
/ 18 июня 2019

Я пытаюсь установить некоторые правила ESLint для моего нового проекта Vue, расширяя как eslint-plugin-vue , так и airbnb .Я мог бы настроить все просто отлично, кроме тега внутри компонентов Vue.

Допустимое значение по умолчанию будет выглядеть следующим образом: 

<script>
export default {
    name: 'Login',
};
</script>

Однако я пытаюсь принять этот стиль кода: 

<script>
    export default {
        name: 'Login',
    };
</script>

Использование правила vue / script-indent (https://eslint.vuejs.org/rules/script-indent.html) Я мог бы выполнить работу с baseIndent , установленным в 1. Однако правило lint все еще жалуется на это.

Я попытался поместить это в этот .eslintrc.json файл: 

"overrides": [
    {
        "files": [",*.vue"],
        "rules": {
            "indent": "off"
        }
    }
]

Также попытался использовать ignoredNodes из правил отступа (https://eslint.org/docs/rules/indent) однако, я думаю, что я не смог правильно выбрать селекторы AST.

Это мой текущий .eslintrc.json файл: 

{
    "extends": [
        "plugin:vue/recommended",
        "@vue/airbnb"
    ],
    "rules": {
        "indent": [2, 4],
        "vue/html-indent": [2, 4],
        "vue/script-indent": [2, 4, {
            "baseIndent": 1
        }],

        "vue/singleline-html-element-content-newline": 0,

        "vue/eqeqeq": 2
    },
    "plugins": [
        "html"
    ]
}

Я получаю следующие ошибки при запуске lint: 

   8:1  error  Expected indentation of 0 spaces but found 4  indent
   9:1  error  Expected indentation of 4 spaces but found 8  indent
  10:1  error  Expected indentation of 0 spaces but found 4  indent
...