# Vue Formatter

Formatér Vue-single-file-komponenter med denne Vue Formatter. Indsæt en komponent, så formaterer værktøjet dens scriptblok som JavaScript eller som TypeScript, når lang er ts, og dens style-blok som CSS, SCSS eller Less afhængigt af dens lang-attribut, med begge indrykket under deres tags. Template-blokken holdes på én linje, og mellemrum samles. Nyttigt for Vue-udviklere, der rydder op i komponenter til anmeldelser og dokumentation.

## Ofte stillede spørgsmål

### Hvad ændrer Vue Formatter i en komponent?

Den formaterer indholdet i script- og style-blokke og placerer hver blok på øverste niveau på sin egen linje. Koden i hver blok indrykkes med to mellemrum under dens åbningstag.

### Hvordan håndteres template-blokken?

Template-blokken holdes på én linje, og sammenhængende mellemrum reduceres til enkeltmellemrum. Direktiver som v-if, v-for, :prop og @event samt mustache-udtryk kopieres præcis, som de er skrevet.

### Hvordan formateres script-blokken?

En almindelig script-blok parses og udskrives som JavaScript med to mellemrum i indrykningen og semikoloner. Med lang="ts" formateres den som TypeScript, som også accepterer typeannoteringer.

### Hvordan formateres style-blokken?

En style-blok formateres som CSS som standard med én deklaration pr. linje. Med lang="scss" eller lang="less" bruges reglerne for SCSS eller Less, og attributten scoped bevares.

### Hvad sker der ved en syntaksfejl i scriptet?

Blokkene JavaScript og CSS parses, så en syntaksfejl stopper værktøjet, og fejlmeddelelsen vises. Ret det rapporterede problem, og formatér igen.

### Understøtter det script setup?

Ja, setup-attributten bevares på tagget, og indholdet formateres som enhver anden script-blok. Compiler-makroer som defineProps behandles som almindelige funktionskald af formatteringsværktøjet.

### Kan jeg ændre indrykningen?

Nej, formatteringsværktøjet bruger altid to mellemrum og har ingen indstillinger. Den samme komponent giver altid det samme resultat.

### Bevares kommentarer?

Ja, HTML kommentarer mellem blokke og kommentarer inde i script- og style-blokke bevares. Kommentarer i templaten bliver stående på deres plads på den enkelte linje.

### Hvorfor er resultatet indrammet som html?

Single file components læses som HTML, så resultatet returneres som en Markdown-kodeblok markeret med html. Kopiér linjerne mellem kodehegnene ind i din .vue-fil.

### Hvor stor kan komponenten være?

Op til 5 MB pr. kørsel; større input afvises med en meddelelse. Outputtet er identisk med Vue-indstillingen i Code Formatter.

Din annonce her?

[Send os en e-mail](mailto:hi@dennn.is?subject=Annoncering%20p%C3%A5%20OneClick%20Pro)

[Annonce Pluginsamlingen, der er klar til agenter, til WordPress.](https://sleekwp.com/?ref=oneclickpro)