Vue Formatter

De formatter formatteert de inhoud van script- en style-blokken en plaatst elk blok op het hoogste niveau op een eigen regel. De code in elk blok wordt met twee spaties ingesprongen onder de openingstag.

Het template-blok blijft op één regel, waarbij reeksen witruimte worden samengevoegd tot enkele spaties. Directives zoals v-if, v-for, :prop en @event en mustache-expressies worden precies overgenomen zoals ze zijn geschreven.

Een gewoon script-blok wordt geparseerd en afgedrukt als JavaScript met een inspringing van twee spaties en puntkomma's. Met lang="ts" wordt het geformatteerd als TypeScript, dat ook typeannotaties accepteert.

Een style-blok wordt standaard geformatteerd als CSS, met één declaratie per regel. Met lang="scss" of lang="less" gebruikt het de regels voor SCSS of Less, en het scoped-attribuut blijft behouden.

JavaScript- en CSS-blokken worden geparseerd, dus een syntaxfout stopt de tool en de melding wordt getoond. Los het gemelde probleem op en formatteer opnieuw.

Ja, het setup-attribuut blijft op de tag staan en de inhoud wordt geformatteerd zoals elk ander script-blok. Compiler-macro's zoals defineProps zijn voor de formatter gewone functieaanroepen.

Nee, de formatter gebruikt altijd twee spaties en heeft geen opties. Dezelfde component levert altijd dezelfde uitvoer op.

Ja, HTML-opmerkingen tussen blokken en opmerkingen in script- en style-blokken blijven behouden. Opmerkingen in het template blijven op hun plek op de enkele regel.

Singlefilecomponenten worden gelezen als HTML, dus het resultaat wordt teruggegeven als een Markdown-codeblok met de markering html. Kopieer de regels tussen de afbakeningen naar je .vue-bestand.

Maximaal 5 MB per uitvoering; grotere invoer wordt met een melding geweigerd. De uitvoer is identiek aan de Vue-optie van de Code Formatter.