Vue formázó

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.