Эслинт настаивает на отсутствии отступа <script>тег - PullRequest
Новая
       8

Эслинт настаивает на отсутствии отступа <script>тег

0 голосов
/ 08 октября 2018

У меня есть 'indent': ['warn', 2, { 'SwitchCase' : 1 }] в моих правилах eslintrc.

Однако он жалуется, что отступ в этом коде в шаблоне Vue неверен: 

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

Вместо этого он хочет этого: 

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

Я нахожу это намного более уродливым и трудным для чтения - и это несовместимо с тегами <template> и <style> в одном шаблоне.

Как я могу сказать, что еслисодержимое тега <script> должно иметь отступ на один уровень?

1 Ответ

0 голосов
/ 26 июля 2019

В вашем .eslintrc.js отключите правило «отступ» и включите правило «отступ».Вот мой полный файл .eslintrc.js с отступом 4 пробела. 

module.exports = {
    root: true,
    env: {
        node: true
    },
    'extends': [
        'plugin:vue/essential',
        '@vue/standard'
    ],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        "indent": "off",
        "indent-legacy": ["error", 4]
    },
    parserOptions: {
        parser: 'babel-eslint'
    }
}
...