# Formatter Vue

Formatați componentele Vue cu acest formatter Vue. Lipiți o componentă, iar instrumentul îi formatează blocul script ca JavaScript sau ca TypeScript când lang este ts, iar blocul style ca CSS, SCSS sau Less, în funcție de atributul lang, indentându-le pe ambele sub etichetele lor. Blocul template este păstrat pe un singur rând, cu spațiile albe comprimate. Util pentru dezvoltatorii Vue care pregătesc componentele pentru recenzii și documentație.

## Întrebări frecvente

### Ce modifică formatterul Vue într-o componentă?

Formatează conținutul blocurilor script și style și plasează fiecare bloc de nivel superior pe propriul rând. Codul din fiecare bloc este indentat cu două spații sub eticheta de deschidere.

### Cum este tratat blocul template?

Blocul template este păstrat pe un singur rând, iar secvențele de spații albe sunt comprimate în spații simple. Directive precum v-if, v-for, :prop și @event, precum și expresiile mustache sunt copiate exact așa cum au fost scrise.

### Cum este formatat blocul script?

Un bloc script simplu este analizat și afișat ca JavaScript, cu indentare de două spații și punct și virgulă. Cu lang="ts", este formatat ca TypeScript, care acceptă și adnotări de tip.

### Cum este formatat blocul style?

În mod implicit, un bloc style este formatat ca CSS, cu câte o declarație pe rând. Cu lang="scss" sau lang="less", se aplică regulile SCSS sau Less, iar atributul scoped este păstrat.

### Ce se întâmplă dacă există o eroare de sintaxă în script?

Blocurile JavaScript și CSS sunt analizate, așa că o eroare de sintaxă oprește instrumentul și mesajul acesteia este afișat. Remediați problema raportată și formatați din nou.

### Este acceptat script setup?

Da, atributul setup este păstrat în etichetă, iar conținutul este formatat ca orice alt bloc script. Macrocomenzi ale compilatorului, precum defineProps, sunt apeluri de funcții obișnuite pentru formatter.

### Pot schimba indentarea?

Nu, formatterul folosește întotdeauna două spații și nu are opțiuni. Aceeași componentă produce întotdeauna același rezultat.

### Sunt păstrate comentariile?

Da, comentariile HTML dintre blocuri și cele din blocurile script și style sunt păstrate. Comentariile din template rămân la locul lor pe un singur rând.

### De ce este rezultatul încadrat ca html?

Componentele cu un singur fișier sunt citite ca HTML, așa că rezultatul este returnat într-un bloc de cod Markdown marcat html. Copiați rândurile dintre delimitatoare în fișierul .vue.

### Cât de mare poate fi componenta?

Până la 5 MB per rulare; intrările mai mari sunt respinse cu un mesaj. Rezultatul este identic cu opțiunea Vue din Code Formatter.

Reclama dvs. aici?

[Trimiteți-ne un e-mail](mailto:hi@dennn.is?subject=Publicitate%20pe%20OneClick%20Pro)

[Reclamă Suita de pluginuri pregătită pentru agenți pentru WordPress.](https://sleekwp.com/?ref=oneclickpro)