Formateador de Vue

Formatea el contenido de los bloques script y style y coloca cada bloque de nivel superior en su propia línea. El código dentro de cada bloque se indenta dos espacios debajo de su etiqueta de apertura.

El bloque template se mantiene en una sola línea y las secuencias de espacios en blanco se reducen a espacios individuales. Las directivas como v-if, v-for, :prop y @event, así como las expresiones mustache, se copian exactamente como están escritas.

Un bloque script normal se analiza y se imprime como JavaScript, con una indentación de dos espacios y punto y coma. Con lang="ts" se formatea como TypeScript, que también admite anotaciones de tipos.

De forma predeterminada, un bloque style se formatea como CSS, con una declaración por línea. Con lang="scss" o lang="less", se aplican las reglas de SCSS o Less, y se conserva el atributo scoped.

Los bloques JavaScript y CSS se analizan, por lo que un error de sintaxis detiene la herramienta y muestra el mensaje correspondiente. Corrige el problema indicado y vuelve a formatear.

Sí, el atributo setup se conserva en la etiqueta y el contenido se formatea como cualquier otro bloque script. Las macros del compilador, como defineProps, se tratan como llamadas a funciones normales.

No, el formateador siempre usa dos espacios y no tiene opciones. El mismo componente siempre produce el mismo resultado.

Sí, se conservan los comentarios HTML entre bloques y los comentarios dentro de los bloques script y style. Los comentarios dentro de template permanecen en su sitio en la línea única.

Los componentes de archivo único se leen como HTML, por lo que el resultado se devuelve en un bloque de código Markdown marcado como html. Copia las líneas entre las vallas en tu archivo .vue.

Hasta 5 MB por ejecución; si la entrada es mayor, se rechaza y se muestra un mensaje. El resultado es idéntico al de la opción Vue del formateador de código.