Vue-formaterare

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.

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.

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.

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.

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

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.

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

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.

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.

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