Никто здесь толком не ответил. Вставлю я свои 5 копеек...
Добавляется правилом в .prettierrc.js
module.exports = {
singleAttributePerLine: true, // один атрибут на строку ('false')
}
Я использую такие правила, мне удобно, может кому пригодится (в скобках значения по умолчанию, которые как раз и меняются вот этими правилами):
120 - относительно длинная строка - удобно, когда в шаблоне есть какой тег p не слишком длинный, чтобы нужно было его переносить. В html уже ругаться не будет, но при этом всё что имеет больше одного атрибута уже будет с переносом на новую строку.
module.exports = {
semi: false, // использовать точку с запятой ('true')
singleQuote: true, // использовать одинарные кавычки ('false')
printWidth: 120, // длина переноса строки (80)
singleAttributePerLine: true, // один атрибут на строку ('false')
// arrowParens: 'avoid', // заключать ли в скобки стрелочную функцию (x) => x ('always|avoid')
// trailingComma: 'all', // висящие запятые ('es5', 'es5|none|all')
// bracketSameLine: true, // перенос > на другую строку при длинной строке ('false')
}
А .eslintrc.js можно тоже немного поправить:
module.exports = {
root: true,
env: {
node: true,
},
extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/prettier'],
parserOptions: {
ecmaVersion: 2020,
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'vue/require-default-prop': 'off', //требовать для props дефолтных значений, кроме Boolean значений
'vue/no-v-html': 'off', //предупреждения о возможной уязвимости посредством XSS атаки
'no-undef': 'off', //ошибка объявления переменной
},
}
v-html не очень советую изменять, но если приходится использовать element ui, то там есть компоненты где надо вставлять как раз через v-html, тогда включайте это правило тоже.