# Formatter Vue

Formatuj komponenty jednoplikowe Vue za pomocą tego formatera Vue. Wklej komponent, a narzędzie sformatuje jego blok script jako JavaScript lub jako TypeScript, gdy lang ma wartość ts, a blok style jako CSS, SCSS lub Less, zgodnie z atrybutem lang, wcinając oba bloki pod ich znaczniki. Blok template pozostaje w jednym wierszu, a białe znaki są scalane. Przydatne dla programistów Vue porządkujących komponenty przed przeglądami i do dokumentacji.

## Najczęściej zadawane pytania

### Co zmienia formatter Vue w komponencie?

Formatuje zawartość bloków script i style oraz umieszcza każdy blok najwyższego poziomu w osobnym wierszu. Kod wewnątrz każdego bloku jest wcięty o dwie spacje względem znacznika otwierającego.

### Jak obsługiwany jest blok template?

Blok template pozostaje w jednym wierszu, a ciągi białych znaków są scalane do pojedynczych spacji. Dyrektywy takie jak v-if, v-for, :prop i @event oraz wyrażenia mustache są kopiowane dokładnie tak, jak zostały zapisane.

### Jak formatowany jest blok script?

Zwykły blok script jest analizowany i wyświetlany jako JavaScript z wcięciem o dwie spacje i średnikami. Przy lang="ts" jest formatowany jako TypeScript, który obsługuje również adnotacje typów.

### Jak formatowany jest blok style?

Blok style jest domyślnie formatowany jako CSS, z jednym deklaracją w każdym wierszu. Przy lang="scss" lub lang="less" stosowane są reguły SCSS lub Less, a atrybut scoped pozostaje bez zmian.

### Co się dzieje w przypadku błędu składni w skrypcie?

Bloki JavaScript i CSS są analizowane, więc błąd składni zatrzymuje działanie narzędzia i wyświetla komunikat. Napraw zgłoszony problem i ponownie sformatuj kod.

### Czy obsługuje script setup?

Tak, atrybut setup pozostaje w znaczniku, a zawartość jest formatowana jak w każdym innym bloku script. Makra kompilatora, takie jak defineProps, są dla formatera zwykłymi wywołaniami funkcji.

### Czy mogę zmienić wcięcia?

Nie, formatter zawsze używa dwóch spacji i nie ma żadnych opcji. Ten sam komponent zawsze daje taki sam wynik.

### Czy komentarze są zachowywane?

Tak, komentarze HTML między blokami oraz komentarze wewnątrz bloków script i style są zachowywane. Komentarze wewnątrz template pozostają na swoim miejscu w jego pojedynczym wierszu.

### Dlaczego wynik jest umieszczony w ogrodzeniu kodu html?

Komponenty jednoplikowe są odczytywane jako HTML, więc wynik jest zwracany jako blok kodu Markdown oznaczony jako html. Skopiuj wiersze spomiędzy ogrodzeń do pliku .vue.

### Jak duży może być komponent?

Do 5 MB na jedno uruchomienie; większe dane wejściowe są odrzucane z komunikatem. Wynik jest identyczny z opcją Vue w formatterze kodu.

Twoja reklama tutaj?

[Napisz do nas](mailto:hi@dennn.is?subject=Reklama%20w%20OneClick%20Pro)

[Reklama Pakiet wtyczek gotowy do pracy z agentami dla WordPress.](https://sleekwp.com/?ref=oneclickpro)