# Formátovač Vue

Formátujte jednosouborové komponenty Vue pomocí tohoto formátovače Vue. Vložte komponentu a nástroj naformátuje její blok script jako JavaScript nebo jako TypeScript, pokud je lang ts, a blok style jako CSS, SCSS nebo Less podle atributu lang; oba bloky přitom odsazuje pod jejich značky. Blok template zůstane na jednom řádku a bílé znaky se sloučí. Užitečné pro vývojáře Vue, kteří upravují komponenty pro revize a dokumentaci.

## Často kladené otázky

### Co formátovač Vue v komponentě mění?

Formátuje obsah bloků script a style a každý blok nejvyšší úrovně umístí na vlastní řádek. Kód uvnitř každého bloku odsazuje dvěma mezerami pod jeho otevírací značku.

### Jak se zpracovává blok template?

Blok template zůstane na jednom řádku a posloupnosti bílých znaků se sloučí na jednotlivé mezery. Direktivy jako v-if, v-for, :prop a @event i výrazy mustache se zkopírují přesně tak, jak jsou zapsané.

### Jak se formátuje blok script?

Blok scriptu bez atributu lang se parsuje a vypíše jako JavaScript se dvěma mezerami odsazení a středníky. S lang="ts" se formátuje jako TypeScript, který podporuje také typové anotace.

### Jak se formátuje blok stylů?

Blok stylů se ve výchozím nastavení formátuje jako CSS, přičemž každá deklarace je na samostatném řádku. S lang="scss" nebo lang="less" používá pravidla SCSS nebo Less a atribut scoped zůstává zachován.

### Co se stane při syntaktické chybě ve scriptu?

Bloky JavaScript a CSS se parsují, takže syntaktická chyba nástroj zastaví a zobrazí se její hlášení. Opravte uvedený problém a spusťte formátování znovu.

### Podporuje nástroj script setup?

Ano, atribut setup zůstane u tagu zachován a obsah se naformátuje jako kterýkoli jiný blok scriptu. Makra kompilátoru, například defineProps, jsou pro formátovač běžná volání funkcí.

### Mohu změnit odsazení?

Ne, formátovač vždy používá dvě mezery a nemá žádné možnosti nastavení. Stejná komponenta vždy vytvoří stejný výstup.

### Zachovají se komentáře?

Ano, komentáře HTML mezi bloky i komentáře uvnitř bloků script a style zůstávají zachovány. Komentáře uvnitř šablony zůstávají na svém místě na jejím jediném řádku.

### Proč je výsledek ohraničen jako html?

Jednosouborové komponenty se načítají jako HTML, proto se výsledek vrací jako blok kódu Markdown označený html. Zkopírujte řádky mezi ohraničeními do souboru .vue.

### Jak velká může být komponenta?

Nejvýše 5 MB na jedno spuštění; větší vstup se odmítne s hlášením. Výstup je totožný s možností Vue ve Formátovači kódu.

Vaše reklama zde?

[Napište nám](mailto:hi@dennn.is?subject=Inzerce%20na%20OneClick%20Pro)

[Reklama Sada pluginů připravená pro agenty pro WordPress.](https://sleekwp.com/?ref=oneclickpro)