# Vue Formatter

Formatteer Vue-singlefilecomponenten met deze Vue-formatter. Plak een component en de tool formatteert het scriptblok als JavaScript, of als TypeScript wanneer lang ts is, en het style-blok als CSS, SCSS of Less op basis van het lang-attribuut, met beide blokken ingesprongen onder hun tags. Het template-blok blijft op één regel, waarbij witruimte wordt samengevoegd. Handig voor Vue-ontwikkelaars die componenten klaarmaken voor reviews en documentatie.

## Veelgestelde vragen

### Wat verandert de Vue-formatter in een component?

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.

### Hoe wordt het template-blok verwerkt?

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.

### Hoe wordt het script-blok geformatteerd?

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.

### Hoe wordt het style-blok geformatteerd?

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.

### Wat gebeurt er bij een syntaxfout in het script?

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.

### Ondersteunt het script setup?

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.

### Kan ik de inspringing wijzigen?

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

### Blijven opmerkingen behouden?

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.

### Waarom is het resultaat als html afgebakend?

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.

### Hoe groot mag de component zijn?

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

Hier adverteren?

[E-mail ons](mailto:hi@dennn.is?subject=Adverteren%20op%20OneClick%20Pro)

[Advertentie De plug-insuite voor agents van WordPress.](https://sleekwp.com/?ref=oneclickpro)