# Pemformat Vue

Format Vue single file components dengan Formatter Vue ini. Tempelkan sebuah komponen dan alat ini memformat blok script-nya sebagai JavaScript, atau sebagai TypeScript jika lang adalah ts, serta blok style-nya sebagai CSS, SCSS atau Less sesuai atribut lang, dengan indentasi pada keduanya di bawah tag masing-masing. Blok template tetap dalam satu baris dengan spasi putih yang diringkas. Berguna bagi pengembang Vue yang merapikan komponen untuk tinjauan dan dokumentasi.

## Pertanyaan yang sering diajukan

### Apa yang diubah Formatter Vue pada sebuah komponen?

Alat ini memformat konten blok script dan style, lalu menempatkan setiap blok tingkat atas pada barisnya sendiri. Kode di dalam setiap blok diberi indentasi dua spasi di bawah tag pembukanya.

### Bagaimana blok template ditangani?

Blok template dipertahankan dalam satu baris, dengan rangkaian spasi putih diringkas menjadi satu spasi. Direktif seperti v-if, v-for, :prop dan @event serta ekspresi mustache disalin persis seperti yang ditulis.

### Bagaimana blok script diformat?

Blok script biasa diuraikan dan dicetak sebagai JavaScript dengan indentasi dua spasi dan titik koma. Dengan lang="ts", blok tersebut diformat sebagai TypeScript, yang juga menerima anotasi tipe.

### Bagaimana blok style diformat?

Secara default, blok style diformat sebagai CSS, dengan satu deklarasi per baris. Dengan lang="scss" atau lang="less", blok tersebut mengikuti aturan SCSS atau Less, dan atribut scoped tetap dipertahankan.

### Apa yang terjadi jika ada kesalahan sintaks dalam script?

Blok JavaScript dan CSS diuraikan, sehingga kesalahan sintaks menghentikan alat ini dan pesannya ditampilkan. Perbaiki masalah yang dilaporkan, lalu format ulang.

### Apakah script setup didukung?

Ya, atribut setup dipertahankan pada tag dan kontennya diformat seperti blok script lainnya. Makro compiler seperti defineProps dianggap sebagai pemanggilan fungsi biasa oleh pemformat.

### Bisakah saya mengubah indentasi?

Tidak, pemformat selalu menggunakan dua spasi dan tidak memiliki opsi. Komponen yang sama selalu menghasilkan keluaran yang sama.

### Apakah komentar dipertahankan?

Ya, komentar HTML di antara blok serta komentar di dalam blok script dan style dipertahankan. Komentar di dalam template tetap berada di tempatnya pada satu baris.

### Mengapa hasilnya diapit sebagai html?

Single file components dibaca sebagai HTML, sehingga hasilnya dikembalikan sebagai blok kode Markdown berlabel html. Salin baris di antara pagar kode ke file .vue Anda.

### Seberapa besar komponen yang dapat diproses?

Hingga 5 MB per proses; masukan yang lebih besar akan ditolak dengan pesan. Keluarannya identik dengan opsi Vue pada Code Formatter.

Iklan Anda di sini?

[Email kami](mailto:hi@dennn.is?subject=Beriklan%20di%20OneClick%20Pro)

[Iklan Rangkaian plugin siap agen untuk WordPress.](https://sleekwp.com/?ref=oneclickpro)