# Vue-formaterare

Formatera Vue-komponenter i en enda fil med den här Vue-formateraren. Klistra in en komponent så formaterar verktyget dess script-block som JavaScript, eller som TypeScript när lang är ts, och dess style-block som CSS, SCSS eller Less enligt dess lang-attribut, med indrag för båda under respektive tagg. Template-blocket hålls på en rad och blanksteg komprimeras. Praktiskt för Vue-utvecklare som snyggar till komponenter inför granskningar och dokumentation.

## Vanliga frågor

### Vad ändrar Vue-formateraren i en komponent?

Den formaterar innehållet i script- och style-block och placerar varje block på toppnivå på en egen rad. Koden i varje block får två blankstegs indrag under öppningstaggen.

### Hur hanteras template-blocket?

Template-blocket hålls på en enda rad, och följder av blanksteg komprimeras till enstaka blanksteg. Direktiv som v-if, v-for, :prop och @event samt mustache-uttryck kopieras exakt som de är skrivna.

### Hur formateras script-blocket?

Ett vanligt script-block parsas och skrivs ut som JavaScript med två blankstegs indrag och semikolon. Med lang="ts" formateras det som TypeScript, som också stöder typannoteringar.

### Hur formateras style-blocket?

Ett style-block formateras som CSS som standard, med en deklaration per rad. Med lang="scss" eller lang="less" används reglerna för SCSS eller Less, och attributet scoped bevaras.

### Vad händer vid ett syntaxfel i script-blocket?

JavaScript- och CSS-block parsas, så ett syntaxfel stoppar verktyget och felmeddelandet visas. Åtgärda det rapporterade problemet och formatera igen.

### Stöds script setup?

Ja, attributet setup behålls på taggen och innehållet formateras som i alla andra script-block. Kompilatormakron som defineProps behandlas som vanliga funktionsanrop av formateraren.

### Kan jag ändra indraget?

Nej, formateraren använder alltid två blanksteg och har inga alternativ. Samma komponent ger alltid samma resultat.

### Bevaras kommentarer?

Ja, HTML-kommentarer mellan block och kommentarer inuti script- och style-block bevaras. Kommentarer i template-blocket behåller sin plats på den enda raden.

### Varför omges resultatet av en html-kodgräns?

Komponenter i en enda fil läses som HTML, så resultatet returneras som ett Markdown-kodblock märkt html. Kopiera raderna mellan kodgränserna till din .vue-fil.

### Hur stor kan komponenten vara?

Upp till 5 MB per körning; större indata avvisas med ett meddelande. Resultatet är identiskt med alternativet Vue i Code Formatter.

Vill du annonsera här?

[Mejla oss](mailto:hi@dennn.is?subject=Annonsera%20p%C3%A5%20OneClick%20Pro)

[Annons Pluginpaketet för agenter för WordPress.](https://sleekwp.com/?ref=oneclickpro)