vue/singleline-html-element-content-newlineのルールを無視するタグを追加する

参考にさせて頂いたページ

• eslint-plugin-vue/singleline-html-element-content-newline.md at master · vuejs/eslint-plugin-vue · GitHub
• eslint-plugin-vue/singleline-html-element-content-newline.js at master · vuejs/eslint-plugin-vue · GitHub

タグ毎に個別で無視するには

.eslintrc.jsのrulesに以下のように書きます。

{
  "vue/singleline-html-element-content-newline": ["error", {
    "ignoreWhenNoAttributes": true,
    "ignoreWhenEmpty": true,
    "ignores": ["pre", "textarea", ...INLINE_ELEMENTS]
  }]
}

INLINE_ELEMENTSというのがどこから来るのかというと、以下のような感じで./node_modules/eslint-plugin-vueからrequireします。

const INLINE_ELEMENTS = require('./node_modules/eslint-plugin-vue/lib/utils/inline-non-void-elements.json')

「eslint-plugin-vue/singleline-html-element-content-newline.js at master · vuejs/eslint-plugin-vue · GitHub」に書いてありました。