Prettier

https://prettier.io/docs
Admin
Prettier is an opinionated code formatter that supports various languages, removes original styling,...
Tokens:57,111
Snippets:469
Trust Score:9.9
Update:2 weeks ago
Show doc for...
Tokens:
Raw
### Install Husky.Net and add pre-commit hook

Source: https://prettier.io/docs/precommit

Install Husky.Net and add a pre-commit hook. After installation, add a prettier task to the task-runner.json file.

```bash
dotnet new tool-manifest  

dotnet tool install husky  

dotnet husky install  

dotnet husky add pre-commit  

```

--------------------------------

### Install shareable config with bun

Source: https://prettier.io/docs/sharing-configurations

Installs the published config as a dev dependency using bun.

```bash
bun add --dev @username/prettier-config  


```

--------------------------------

### Install Prettier with deno

Source: https://prettier.io/docs/install

Installs Prettier locally as a dev dependency with an exact version using deno.

```bash
deno install --dev --save-exact prettier@3.9.9
```

--------------------------------

### Install pretty-quick with deno

Source: https://prettier.io/docs/precommit

Installs simple-git-hooks and pretty-quick via deno, configures the pre-commit hook to run 'deno x pretty-quick --staged', and activates the hook.

```bash
deno install --dev simple-git-hooks pretty-quick  

deno eval "Deno.writeTextFileSync('.simple-git-hooks.json',JSON.stringify({'pre-commit':'deno x pretty-quick --staged'},undefined,2)+'\n')"  

deno x simple-git-hooks
```

--------------------------------

### Install Prettier with bun

Source: https://prettier.io/docs/install

Installs Prettier locally as a dev dependency with an exact version using bun.

```bash
bun add --dev --exact prettier@3.9.9
```

--------------------------------

### Install pretty-quick with npm

Source: https://prettier.io/docs/precommit

Installs simple-git-hooks and pretty-quick via npm, configures the pre-commit hook to run 'npx pretty-quick --staged', and activates the hook.

```bash
npm install --save-dev simple-git-hooks pretty-quick  

node --eval "fs.writeFileSync('.simple-git-hooks.json',JSON.stringify({'pre-commit':'npx pretty-quick --staged'},undefined,2)+'\n')"  

npx simple-git-hooks
```

--------------------------------

### Install pretty-quick with bun

Source: https://prettier.io/docs/precommit

Installs simple-git-hooks and pretty-quick via bun, configures the pre-commit hook to run 'bun pretty-quick --staged', and activates the hook.

```bash
bun add --dev simple-git-hooks pretty-quick  

node --eval "fs.writeFileSync('.simple-git-hooks.json',JSON.stringify({'pre-commit':'bun pretty-quick --staged'},undefined,2)+'\n')"  

bun simple-git-hooks
```

--------------------------------

### Install shareable config with deno

Source: https://prettier.io/docs/sharing-configurations

Installs the published config as a dev dependency using deno.

```bash
deno install --dev @username/prettier-config  


```

--------------------------------

### Install husky and lint-staged with bun

Source: https://prettier.io/docs/install

Commands to install husky and lint-staged using bun, initialize husky, and create the pre-commit hook that runs lint-staged.

```bash
bun add --dev husky lint-staged  

bunx husky init  

bun --eval "fs.writeFileSync('.husky/pre-commit','bunx lint-staged\n')"  

```

--------------------------------

### Install pretty-quick with yarn

Source: https://prettier.io/docs/precommit

Installs simple-git-hooks and pretty-quick via yarn, configures the pre-commit hook to run 'yarn pretty-quick --staged', and activates the hook.

```bash
yarn add --dev simple-git-hooks pretty-quick  

node --eval "fs.writeFileSync('.simple-git-hooks.json',JSON.stringify({'pre-commit':'yarn pretty-quick --staged'},undefined,2)+'\n')"  

yarn simple-git-hooks
```

--------------------------------

### Install Lefthook with npm, yarn, pnpm, bun, or deno

Source: https://prettier.io/docs/precommit

Install Lefthook and run lefthook install to wire up the configured jobs into .git/hooks. Re-run lefthook install whenever you change lefthook.yml. Each package manager has its own install and run commands.

```bash
npm install --save-dev lefthook  

npx lefthook install  


```

```bash
yarn add --dev lefthook  

yarn lefthook install  


```

```bash
pnpm add --save-dev lefthook  

pnpm lefthook install  


```

```bash
bun add --dev lefthook  

bunx lefthook install  


```

```bash
deno install --dev lefthook  

deno x lefthook install  


```

--------------------------------

### Install coc-prettier via CocInstall

Source: https://prettier.io/docs/vim

Installs the coc-prettier extension using CocInstall command.

```vim
CocInstall coc-prettier  
```

--------------------------------

### Install pretty-quick with pnpm

Source: https://prettier.io/docs/precommit

Installs simple-git-hooks and pretty-quick via pnpm, configures the pre-commit hook to run 'pnpm pretty-quick --staged', and activates the hook.

```bash
pnpm add --save-dev simple-git-hooks pretty-quick  

node --eval "fs.writeFileSync('.simple-git-hooks.json',JSON.stringify({'pre-commit':'pnpm pretty-quick --staged'},undefined,2)+'\n')"  

pnpm simple-git-hooks
```

--------------------------------

### .prettierignore example

Source: https://prettier.io/docs/ignore

Example .prettierignore file using gitignore syntax to ignore build and coverage directories and all HTML files.

```gitignore
# Ignore artifacts:  

build  

coverage  

  

# Ignore all HTML files:  

**/*.html  


```

--------------------------------

### Install husky and lint-staged with deno

Source: https://prettier.io/docs/install

Commands to install husky and lint-staged using deno, initialize husky, and create the pre-commit hook that runs lint-staged.

```bash
deno install --dev husky lint-staged  

deno x husky init  

deno eval "Deno.writeTextFileSync('.husky/pre-commit','deno x lint-staged\n')"  

```

--------------------------------

### Complex CLI example with options and globs

Source: https://prettier.io/docs/cli

A more complex example that formats specific files and directories with custom options. Note the quotes around the glob to ensure cross-platform expansion. It is better to use a configuration file for options like `--single-quote` and `--trailing-comma`.

```bash
prettier docs package.json "{app,__{tests,mocks}__}/**/*.js" --write --single-quote --trailing-comma all
```

--------------------------------

### Install husky and lint-staged with npm

Source: https://prettier.io/docs/install

Commands to install husky and lint-staged using npm, initialize husky, and create the pre-commit hook that runs lint-staged.

```bash
npm install --save-dev husky lint-staged  

npx husky init  

node --eval "fs.writeFileSync('.husky/pre-commit','npx lint-staged\n')"  

```

--------------------------------

### Install shareable config with pnpm

Source: https://prettier.io/docs/sharing-configurations

Installs the published config as a dev dependency using pnpm.

```bash
pnpm add --save-dev @username/prettier-config  


```

--------------------------------

### Install lint-staged with mrm

Source: https://prettier.io/docs/precommit

Installs husky and lint-staged, then adds a configuration to package.json that automatically formats supported files in a pre-commit hook. Requires Prettier to be installed and in devDependencies.

```bash
npx mrm@2 lint-staged
```

--------------------------------

### Install Prettier with pnpm

Source: https://prettier.io/docs/install

Installs Prettier locally as a dev dependency with an exact version using pnpm.

```bash
pnpm add --save-dev --save-exact prettier@3.9.9
```

--------------------------------

### Install husky and lint-staged with pnpm

Source: https://prettier.io/docs/install

Commands to install husky and lint-staged using pnpm, initialize husky, and create the pre-commit hook that runs lint-staged.

```bash
pnpm add --save-dev husky lint-staged  

pnpm exec husky init  

node --eval "fs.writeFileSync('.husky/pre-commit','pnpm exec lint-staged\n')"  

```

--------------------------------

### Install Neoformat with vim-plug

Source: https://prettier.io/docs/vim

Adds the Neoformat plugin to your Vim configuration using vim-plug. Run :PlugInstall to install.

```vim
Plug 'sbdchd/neoformat'  
```

--------------------------------

### Install shareable config with npm

Source: https://prettier.io/docs/sharing-configurations

Installs the published config as a dev dependency using npm.

```bash
npm install --save-dev @username/prettier-config  


```

--------------------------------

### Install shareable config with yarn

Source: https://prettier.io/docs/sharing-configurations

Installs the published config as a dev dependency using yarn.

```bash
yarn add --dev @username/prettier-config  


```

--------------------------------

### Install husky and lint-staged with yarn

Source: https://prettier.io/docs/install

Commands to install husky and lint-staged using yarn, initialize husky, and create the pre-commit hook that runs lint-staged.

```bash
yarn add --dev husky lint-staged  

npx husky init  

node --eval "fs.writeFileSync('.husky/pre-commit','yarn lint-staged\n')"  

```

--------------------------------

### Install Prettier with yarn

Source: https://prettier.io/docs/install

Installs Prettier locally as a dev dependency with an exact version using yarn.

```bash
yarn add --dev --exact prettier@3.9.9
```

--------------------------------

### Install Prettier with npm

Source: https://prettier.io/docs/install

Installs Prettier locally as a dev dependency with an exact version to ensure consistent formatting across environments.

```bash
npm install --save-dev --save-exact prettier@3.9.9
```

--------------------------------

### Plugin API - Migration Example

Source: https://prettier.io/docs/api

Shows the recommended migration path using the Plugin API with a custom parser plugin. This replaces the removed custom parser API.

```javascript
import { format } from "prettier";  
import * as prettierPluginBabel from "prettier/plugins/babel";  

const myCustomPlugin = {  
  parsers: {  
    "my-custom-parser": {  
      async parse(text) {  
        const ast = await prettierPluginBabel.parsers.babel.parse(text);  
        ast.program.body[0].expression.callee.name = "_";  
        return ast;  
      },  
      astFormat: "estree",  
    },  
  },  
};  

await format("lodash ( )", {  
  parser: "my-custom-parser",  
  plugins: [myCustomPlugin],  
});  

// -> "_();\n"  
```

--------------------------------

### Format all files with npm

Source: https://prettier.io/docs/install

Formats all files in the project using the locally installed Prettier via npx.

```bash
npx prettier . --write
```

--------------------------------

### Format all files with deno

Source: https://prettier.io/docs/install

Formats all files in the project using the locally installed Prettier via deno x.

```bash
deno x prettier . --write
```

--------------------------------

### Format all files with bun

Source: https://prettier.io/docs/install

Formats all files in the project using the locally installed Prettier via bunx.

```bash
bunx prettier . --write
```

--------------------------------

### Defining custom plugin options

Source: https://prettier.io/docs/plugins

Example of the options export that defines custom plugin options. The example defines a boolean option 'openingBraceNewLine' with a default of true and a description.

```javascript
// ... plugin implementation  

  

export const options = {  

  openingBraceNewLine: {  

    type: "boolean",  

    category: "Global",  

    default: true,  

    description: "Move open brace for code blocks onto new line.",  

  },  

};  


```

--------------------------------

### Format all files with pnpm

Source: https://prettier.io/docs/install

Formats all files in the project using the locally installed Prettier via pnpm exec.

```bash
pnpm exec prettier . --write
```

--------------------------------

### Format all files with yarn

Source: https://prettier.io/docs/install

Formats all files in the project using the locally installed Prettier via yarn exec.

```bash
yarn exec prettier . --write
```

--------------------------------

### Multi-line object before formatting

Source: https://prettier.io/docs/rationale

A JavaScript object literal written across multiple lines, with a newline after the opening brace. This is the starting point for the example showing how to collapse it to a single line.

```javascript
const user = {  

  name: "John Doe",  

  age: 30  

};  
```

--------------------------------

### Find config path with --find-config-path

Source: https://prettier.io/docs/cli

Run `prettier --find-config-path path/to/file.js` to output the path to the configuration file, which can then be passed to --config.

```bash
$ prettier --find-config-path path/to/file.js  

path/to/.prettierrc  

```

--------------------------------

### Set up git-format-staged with bun

Source: https://prettier.io/docs/precommit

Set up git-format-staged with husky using bun. The pre-commit hook runs Prettier on staged files via stdin.

```bash
bunx husky init  

bun add --dev git-format-staged  

bun --eval "fs.writeFileSync('.husky/pre-commit', 'git-format-staged -f \'prettier --ignore-unknown --stdin --stdin-filepath \"{}\"\' .\n')"  

```

--------------------------------

### Set up git-format-staged with npm

Source: https://prettier.io/docs/precommit

Set up git-format-staged with husky using npm. The pre-commit hook runs Prettier on staged files via stdin.

```bash
npx husky init  

npm install --save-dev git-format-staged  

node --eval "fs.writeFileSync('.husky/pre-commit', 'git-format-staged -f \'prettier --ignore-unknown --stdin --stdin-filepath \"{}\"\' .\n')"  

```

--------------------------------

### Set up git-format-staged with deno

Source: https://prettier.io/docs/precommit

Set up git-format-staged with husky using deno. The pre-commit hook runs Prettier on staged files via stdin.

```bash
deno x husky init  

deno install --dev git-format-staged  

deno eval "Deno.writeTextFileSync('.husky/pre-commit', 'git-format-staged -f \'prettier --ignore-unknown --stdin --stdin-filepath \"{}\"\' .\n')"  

```

--------------------------------

### Enable Prettier fixer for ALE

Source: https://prettier.io/docs/vim

Configures ALE fixers to use Prettier for JavaScript and CSS. ALE will try to use locally installed Prettier before a global installation.

```vim
let g:ale_fixers = {
\   'javascript': ['prettier'],
\   'css': ['prettier'],
\}
```

--------------------------------

### Set up git-format-staged with pnpm

Source: https://prettier.io/docs/precommit

Set up git-format-staged with husky using pnpm. The pre-commit hook runs Prettier on staged files via stdin.

```bash
pnpm exec husky init  

pnpm add --save-dev git-format-staged  

node --eval "fs.writeFileSync('.husky/pre-commit', 'git-format-staged -f \'prettier --ignore-unknown --stdin --stdin-filepath \"{}\"\' .\n')"  

```

--------------------------------

### Markdown paragraph for prose-wrap example

Source: https://prettier.io/docs/options

Example Markdown paragraph used to illustrate the prose-wrap option. With printWidth: 20, Prettier formats it differently depending on the proseWrap value.

```markdown
The quick brown  
fox jumps over the lazy dog.  
```

--------------------------------

### Use --config to specify configuration file

Source: https://prettier.io/docs/cli

Use `prettier path/to/file.js --write --config path/to/.prettierrc` to format a file with a specific configuration file, useful when the config is not in a default location.

```bash
prettier path/to/file.js --write --config path/to/.prettierrc  

```

--------------------------------

### Bracket Same Line - false Example

Source: https://prettier.io/docs/options

When bracketSameLine is false (the default), the closing '>' of a multi-line HTML element is placed on its own line. This is an example of JSX with the closing angle bracket on a separate line.

```html
<button  
  className="prettier-class"  
  id="prettier-id"  
  onClick={this.handleClick}  
>  
  Click Here  
</button>  
```

--------------------------------

### Class Decorators: Before and After Prettier

Source: https://prettier.io/docs/rationale

Shows that Prettier always moves class decorators to their own line. The 'before' example has @observer on the same line as the class, and the 'after' example shows it moved to its own line.

```JavaScript
// Before running Prettier:  
@observer class OrderLine {  
  @observable price: number = 0;  
}  
```

```JavaScript
// After running Prettier:  
@observer  
class OrderLine {  
  @observable price: number = 0;  
}  
```

--------------------------------

### Bracket Same Line - true Example

Source: https://prettier.io/docs/options

When bracketSameLine is true, the closing '>' of a multi-line HTML element stays on the last line, directly after the final attribute. This is an example of JSX with the closing angle bracket on the same line as the last attribute.

```html
<button  
  className="prettier-class"  
  id="prettier-id"  
  onClick={this.handleClick}>  
  Click Here  
</button>  
```

--------------------------------

### Example embed method for embedded JavaScript

Source: https://prettier.io/docs/plugins

An example `embed` method that handles nodes of type 'javascript' by returning an async function that uses `textToDoc` to parse and print the embedded code with the 'babel' parser, wrapping it in script tags.

```javascript
function embed(path, options) {  

  const node = path.node;  

  if (node.type === "javascript") {  

    return async (textToDoc) => {  

      return [  

        "<script>",  

        hardline,  

        await textToDoc(node.javaScriptCode, { parser: "babel" }),  

        hardline,  

        "</script>",  

      ];  

    };  

  }  

}  


```

--------------------------------

### prettier.getSupportInfo()

Source: https://prettier.io/docs/api

Returns support information about Prettier's options, parsers, languages, and file types.

```APIDOC
## `prettier.getSupportInfo()`

### Description
Returns a promise that resolves to an object containing information about supported languages, parsers, options, and file types.

### Method
Function call

### Endpoint
`prettier.getSupportInfo()`

### Parameters
None

### Response
#### Success Response
- **languages** (Array<Object>) - List of supported languages.
  - **name** (string) - Language name.
  - **parsers** (string[]) - Parser names.
  - **group** (string) - Optional group.
  - **tmScope** (string) - Optional TextMate scope.
  - **aceMode** (string) - Optional Ace mode.
  - **codemirrorMode** (string) - Optional CodeMirror mode.
  - **codemirrorMimeType** (string) - Optional CodeMirror MIME type.
  - **aliases** (string[]) - Optional aliases.
  - **extensions** (string[]) - Optional file extensions.
  - **filenames** (string[]) - Optional filenames.
  - **linguistLanguageId** (number) - Optional Linguist language ID.
  - **vscodeLanguageIds** (string[]) - Optional VS Code language IDs.
  - **isSupported** (function) - Optional function to check if a filepath is supported.

#### Response Example
```json
{
  "languages": [
    {
      "name": "JavaScript",
      "parsers": ["babel", "flow"],
      "extensions": [".js", ".jsx"]
    }
  ]
}
```
```

--------------------------------

### Decorators: Inline and Multiline Example

Source: https://prettier.io/docs/rationale

Shows how Prettier preserves decorator placement: inline decorators stay inline, multiline decorators stay multiline. The example includes a component class with @Output and @Input decorators written inline, and @readonly and @nonenumerable written multiline.

```TypeScript
@Component({  
  selector: "hero-button",  
  template: `<button>{{ label }}</button>`,  
})  
class HeroButtonComponent {  
  // These decorators were written inline and fit on the line so they stay  
  // inline.  
  @Output() change = new EventEmitter();  
  @Input() label: string;  

  // These were written multiline, so they stay multiline.  
  @readonly  
  @nonenumerable  
  NODE_TYPE: 2;  
}  
```

--------------------------------

### Handlebars prettier-ignore example

Source: https://prettier.io/docs/ignore

Uses {{! prettier-ignore }} to ignore the following Handlebars block.

```handlebars
{{! prettier-ignore }}  

<div>  

  "hello! my parent was ignored"  

  {{#my-crazy-component     "shall"     be="preserved"}}  

    <This  

      is  =  "also preserved as is"  

    />  

  {{/my-crazy-component}}  

</div>  


```

--------------------------------

### Set up git-format-staged with yarn

Source: https://prettier.io/docs/precommit

Set up git-format-staged with husky using yarn. The pre-commit hook runs Prettier on staged files via stdin.

```bash
yarn husky init  

yarn add --dev git-format-staged  

node --eval "fs.writeFileSync('.husky/pre-commit', 'git-format-staged -f \'prettier --ignore-unknown --stdin --stdin-filepath \"{}\"\' .\n')"  

```

--------------------------------

### YAML Configuration (.prettierrc, .prettierrc.yml, or .prettierrc.yaml)

Source: https://prettier.io/docs/configuration

Use this YAML configuration file to set Prettier options. The example sets trailingComma to "es5", tabWidth to 4, semi to false, and singleQuote to true.

```yaml
trailingComma: "es5"
tabWidth: 4
semi: false
singleQuote: true
```

--------------------------------

### YAML prettier-ignore example

Source: https://prettier.io/docs/ignore

Uses # prettier-ignore on the line immediately above the node to ignore.

```yaml
# prettier-ignore  

key  : value  

hello: world  


```

--------------------------------

### GraphQL prettier-ignore example

Source: https://prettier.io/docs/ignore

Uses # prettier-ignore inside a GraphQL query to ignore the following field.

```graphql
{  

  # prettier-ignore  

  addReaction(input:{superLongInputFieldName:"MDU6SXNzdWUyMzEzOTE1NTE=",content:HOORAY}) {  

    reaction {content}  

  }  

}  


```

--------------------------------

### CSS prettier-ignore example

Source: https://prettier.io/docs/ignore

Uses a CSS comment /* prettier-ignore */ to prevent formatting of the following rule.

```css
/* prettier-ignore */  

.my    ugly rule  

{  

  

}  


```

--------------------------------

### GitHub Actions workflow for Prettier autofix

Source: https://prettier.io/docs/ci

GitHub Actions workflow that runs Prettier with autofix.ci. Requires the autofix.ci GitHub App installed and a pinned Prettier version. The workflow triggers on pull_request and push, installs dependencies, runs `yarn prettier . --write`, and commits the formatted changes with the message "Apply Prettier format".

```yaml
name: autofix.ci  

on:  

  pull_request:  

  push:  

permissions: {}  

jobs:  

  prettier:  

    runs-on: ubuntu-latest  

    steps:  

      - uses: actions/checkout@v4  

      - uses: actions/setup-node@v4  

      - run: |  

          yarn  

          yarn prettier . --write  

      - uses: autofix-ci/action@v1  

        with:  

          commit-message: "Apply Prettier format"  


```

--------------------------------

### Simplified print implementation example

Source: https://prettier.io/docs/plugins

A typical implementation of the `print` function, showing how to handle different node types using `group`, `indent`, `join`, `line`, and `softline` builders. It throws an error for unknown node types.

```javascript
import * as prettier from "prettier";  

  

const { group, indent, join, line, softline } = prettier.doc.builders;  

  

function print(path, options, print) {  

  const node = path.node;  

  

  switch (node.type) {  

    case "list":  

      return group([  

        "(",  

        indent([softline, join(line, path.map(print, "elements"))]),  

        softline,  

        ")",  

      ]);  

  

    case "pair":  

      return group([  

        "(",  

        indent([softline, print("left"), line, ". ", print("right")]),  

        softline,  

        ")",  

      ]);  

  

    case "symbol":  

      return node.name;  

  }  

  

  throw new Error(`Unknown node type: ${node.type}`);  

}  


```

--------------------------------

### prettier command syntax

Source: https://prettier.io/docs/cli

Shows the basic syntax for the `prettier` command: `prettier [options] [file/dir/glob ...]`. Use this as a reference for the command structure.

```bash
prettier [options] [file/dir/glob ...]
```

--------------------------------

### JSX prettier-ignore example

Source: https://prettier.io/docs/ignore

Uses a JSX comment {/* prettier-ignore */} to prevent formatting of the following span element.

```jsx
<div>  

  {/* prettier-ignore */}  

  <span     ugly  format=''   />  

</div>  


```

--------------------------------

### JSON Configuration (.prettierrc.json or .prettierrc)

Source: https://prettier.io/docs/configuration

Use this JSON configuration file to set Prettier options. The example sets trailingComma to "es5", tabWidth to 4, semi to false, and singleQuote to true.

```json
{
  "trailingComma": "es5",
  "tabWidth": 4,
  "semi": false,
  "singleQuote": true
}
```

--------------------------------

### locStart function signature

Source: https://prettier.io/docs/plugins

Signature for the location extraction function that returns the starting location of an AST node.

```typescript
function locStart(node: object): number;  


```

--------------------------------

### Load plugin via configuration file (prettier.config.mjs)

Source: https://prettier.io/docs/plugins

Define plugins in a Prettier configuration file (prettier.config.mjs) by importing the plugin and adding it to the plugins array in the exported config object.

```javascript
import * as prettierPluginFoo from "prettier-plugin-foo";

/**
 * @see https://prettier.io/docs/configuration
 * @type {import("prettier").Config}
 */
const config = {
  plugins: [prettierPluginFoo],
};

export default config;
```

--------------------------------

### Enable project-local Prettier for Neoformat

Source: https://prettier.io/docs/vim

Sets the neoformat_try_node_exe option so Neoformat uses node_modules/.bin/prettier instead of looking for prettier on $PATH.

```vim
let g:neoformat_try_node_exe = 1  
```

--------------------------------

### Use Prettier in the browser with global script tags

Source: https://prettier.io/docs/browser

Loads Prettier standalone and the GraphQL plugin from unpkg, then formats a GraphQL query in the browser. The `unpkg` field in Prettier's `package.json` points to `standalone.js`, so `https://unpkg.com/prettier` can be used instead of the full path.

```html
<script src="https://unpkg.com/prettier@3.9.9/standalone.js"></script>  

<script src="https://unpkg.com/prettier@3.9.9/plugins/graphql.js"></script>  

<script>  

  (async () => {  

    const formatted = await prettier.format("type Query { hello: String }", {  

      parser: "graphql",  

      plugins: prettierPlugins,  

    });  

  })();  

</script>  
```
Tokens:
Raw