# Vue formázó

Ezzel a Vue formázóval formázza meg az egyfájlos Vue komponenseket. Illesszen be egy komponenst, az eszköz pedig a script blokkot JavaScript formátumban, ts nyelv esetén pedig TypeScript formátumban formázza, a style blokkot pedig a lang attribútum alapján CSS, SCSS vagy Less formátumban. Mindkettőt a saját címkéje alá behúzza. A template blokk egysoros marad, a szóközök pedig összevonódnak. Hasznos az Vue fejlesztőknek, akik átnézéshez és dokumentációhoz szeretnék rendbe tenni a komponenseiket.

## Gyakran ismételt kérdések

### Mit változtat meg az Vue formázó egy komponensben?

A script és style blokkok tartalmát formázza, és minden legfelső szintű blokkot külön sorba helyez. Az egyes blokkok kódja két szóközzel, a nyitó címke alá behúzva jelenik meg.

### Hogyan kezeli a template blokkot?

A template blokk egy sorban marad, az egymást követő szóközök pedig egyetlen szóközzé olvadnak össze. Az olyan direktívák, mint a v-if, v-for, :prop és @event, valamint a mustache kifejezések pontosan az eredeti formájukban maradnak.

### Hogyan formázza a script blokkot?

Az egyszerű script blokkot JavaScript formátumban dolgozza fel és írja ki, két szóközös behúzással és pontosvesszőkkel. A lang="ts" beállítással TypeScript formátumban formázza, amely a típusannotációkat is elfogadja.

### Hogyan formázza a style blokkot?

A style blokk alapértelmezés szerint CSS formátumban készül, soronként egy deklarációval. A lang="scss" vagy lang="less" beállítás esetén az SCSS vagy a Less szabályait alkalmazza, a scoped attribútum pedig megmarad.

### Mi történik, ha szintaktikai hiba van a scriptben?

Az JavaScript és CSS blokkok feldolgozása során a szintaktikai hiba leállítja az eszközt, és megjelenik a hibaüzenet. Javítsa ki a jelzett problémát, majd futtassa újra a formázást.

### Támogatja a script setup használatát?

Igen, a setup attribútum megmarad a címkén, a tartalom pedig a többi script blokkhoz hasonlóan formázódik. A fordító makróit, például a defineProps függvényt, a formázó hagyományos függvényhívásként kezeli.

### Módosíthatom a behúzást?

Nem, a formázó mindig két szóközt használ, és nincsenek beállításai. Ugyanaz a komponens mindig ugyanazt a kimenetet adja.

### Megmaradnak a megjegyzések?

Igen, a blokkok közötti HTML megjegyzések, valamint a script és style blokkokban lévő megjegyzések megmaradnak. A template blokkon belüli megjegyzések az egysoros blokkban a helyükön maradnak.

### Miért html-kódként van bekeretezve az eredmény?

Az egyfájlos komponensek feldolgozása HTML formátumban történik, ezért az eredmény html jelölésű Markdown kódblokként jelenik meg. Másolja a keretek közötti sorokat a .vue fájlba.

### Mekkora lehet a komponens?

Futtatásonként legfeljebb 5 MB; a nagyobb bemenetet az eszköz hibaüzenettel elutasítja. A kimenet megegyezik a Code Formatter Vue beállításával kapott eredménnyel.

Hirdetne nálunk?

[Írjon nekünk e-mailt](mailto:hi@dennn.is?subject=Hirdet%C3%A9s%20a%20OneClick%20Pro%20oldalon)

[Hirdetés Az ügynökök számára kész plugincsomag a WordPress számára.](https://sleekwp.com/?ref=oneclickpro)