Yo uso " eslint-plugin-vue "
Me gustaría usar la regla " vue/singleline-html-element-content-newline " en mis proyectos, pero me resulta inconveniente. Más aún porque se recomienda esta regla:
Esta regla está incluida en todos los "plugin:vue/vue3-strongly-recommended", "plugin:vue/strongly-recommended", "plugin:vue/vue3-recommended" y "plugin:vue/recommended". Entonces, mi problema es usar nodos de texto sin atributos:
<div attrs> <span attrs>Text<span> </div>ese código es mejor para mí que
<div attrs> <span attrs> Text <span> </div> porque en el segundo caso el nodo de texto está colgando en el aire y genera código redundante: \n\t\tText\n\t
<span> sin atributos: <div attrs> <my-component attrs> <span>Text<span> <span> </div>Como veo, sería mejor ignorar la regla para los nodos de texto.
¿Hay algún otro enfoque para los nodos de texto?