Formateur Vue

Il formate le contenu des blocs script et style et place chaque bloc de premier niveau sur sa propre ligne. Le code de chaque bloc est indenté de deux espaces sous sa balise ouvrante.

Le bloc template reste sur une seule ligne, et les suites d’espaces sont réduites à un seul espace. Les directives telles que v-if, v-for, :prop et @event ainsi que les expressions moustache sont recopiées exactement telles qu’elles sont écrites.

Un bloc script classique est analysé et imprimé en JavaScript, avec une indentation de deux espaces et des points-virgules. Avec lang="ts", il est formaté en TypeScript, qui accepte également les annotations de type.

Par défaut, un bloc style est formaté en CSS, avec une déclaration par ligne. Avec lang="scss" ou lang="less", il suit les règles SCSS ou Less, et l’attribut scoped est conservé.

Les blocs JavaScript et CSS sont analysés ; une erreur de syntaxe arrête donc l’outil et son message s’affiche. Corrigez le problème indiqué, puis relancez le formatage.

Oui, l’attribut setup est conservé sur la balise et le contenu est formaté comme celui de tout autre bloc script. Les macros du compilateur, telles que defineProps, sont traitées comme de simples appels de fonction par le formateur.

Non, le formateur utilise toujours deux espaces et ne propose aucune option. Un même composant produit toujours le même résultat.

Oui, les commentaires HTML entre les blocs ainsi que ceux à l’intérieur des blocs script et style sont conservés. Les commentaires dans le template restent à leur place sur sa ligne unique.

Les composants monofichiers sont lus comme du HTML ; le résultat est donc renvoyé dans un bloc de code Markdown marqué html. Copiez les lignes entre les clôtures dans votre fichier .vue.

Jusqu’à 5 MB par exécution ; les entrées plus volumineuses sont rejetées avec un message. Le résultat est identique à celui de l’option Vue du formateur de code.