Merge remote-tracking branch 'remotes/upstream/patch-release'
# Conflicts: # .git-blame-ignore-revs # docs/browser.md # package.json # yarn.lock
This commit is contained in:
commit
0416ff42e2
8 files changed
+100
-37
No files matched your search
+14
-14
@@ -18,7 +18,7 @@ Required options:
|
||||
|
||||
- **[`parser`](options.md#parser) (or [`filepath`](options.md#file-path))**: One of these options has to be specified for Prettier to know which parser to use.
|
||||
|
||||
- **`plugins`**: Unlike the `format` function from the [Node.js-based API](api.md#prettierformatsource--options), this function doesn’t load plugins automatically. The `plugins` option is required because all the parsers included in the Prettier package come as plugins (for reasons of file size). These plugins are files in <https://unpkg.com/browse/prettier@2.8.7/plugins/>
|
||||
- **`plugins`**: Unlike the `format` function from the [Node.js-based API](api.md#prettierformatsource--options), this function doesn’t load plugins automatically. The `plugins` option is required because all the parsers included in the Prettier package come as plugins (for reasons of file size). These plugins are files in <https://unpkg.com/browse/prettier@2.8.8/plugins/>
|
||||
|
||||
You need to load the ones that you’re going to use and pass them to `prettier.format` using the `plugins` option.
|
||||
|
||||
@@ -29,8 +29,8 @@ See below for examples.
|
||||
### Global
|
||||
|
||||
```html
|
||||
<script src="https://unpkg.com/prettier@2.8.7/standalone.js"></script>
|
||||
<script src="https://unpkg.com/prettier@2.8.7/plugins/graphql.js"></script>
|
||||
<script src="https://unpkg.com/prettier@2.8.8/standalone.js"></script>
|
||||
<script src="https://unpkg.com/prettier@2.8.8/plugins/graphql.js"></script>
|
||||
<script>
|
||||
(async () => {
|
||||
const formatted = await prettier.format("type Query { hello: String }", {
|
||||
@@ -47,8 +47,8 @@ Note that the [`unpkg` field](https://unpkg.com/#examples) in Prettier’s `pack
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import * as prettier from "https://unpkg.com/prettier@2.8.7/standalone.mjs";
|
||||
import pluginGraphql from "https://unpkg.com/prettier@2.8.7/plugins/graphql.mjs";
|
||||
import * as prettier from "https://unpkg.com/prettier@2.8.8/standalone.mjs";
|
||||
import pluginGraphql from "https://unpkg.com/prettier@2.8.8/plugins/graphql.mjs";
|
||||
|
||||
const formatted = await prettier.format("type Query { hello: String }", {
|
||||
parser: "graphql",
|
||||
@@ -61,8 +61,8 @@ Note that the [`unpkg` field](https://unpkg.com/#examples) in Prettier’s `pack
|
||||
|
||||
```js
|
||||
define([
|
||||
"https://unpkg.com/prettier@2.8.7/standalone.js",
|
||||
"https://unpkg.com/prettier@2.8.7/plugins/graphql.js",
|
||||
"https://unpkg.com/prettier@2.8.8/standalone.js",
|
||||
"https://unpkg.com/prettier@2.8.8/plugins/graphql.js",
|
||||
], async (prettier, ...plugins) => {
|
||||
const formatted = await prettier.format("type Query { hello: String }", {
|
||||
parser: "graphql",
|
||||
@@ -89,8 +89,8 @@ This syntax doesn’t necessarily work in the browser, but it can be used when b
|
||||
### Worker
|
||||
|
||||
```js
|
||||
importScripts("https://unpkg.com/prettier@2.8.7/standalone.js");
|
||||
importScripts("https://unpkg.com/prettier@2.8.7/plugins/graphql.js");
|
||||
importScripts("https://unpkg.com/prettier@2.8.8/standalone.js");
|
||||
importScripts("https://unpkg.com/prettier@2.8.8/plugins/graphql.js");
|
||||
(async () => {
|
||||
const formatted = await prettier.format("type Query { hello: String }", {
|
||||
parser: "graphql",
|
||||
@@ -105,8 +105,8 @@ If you want to format [embedded code](options.md#embedded-language-formatting),
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import * as prettier from "https://unpkg.com/prettier@2.8.7/standalone.mjs";
|
||||
import pluginBabel from "https://unpkg.com/prettier@2.8.7/plugins/babel.mjs";
|
||||
import * as prettier from "https://unpkg.com/prettier@2.8.8/standalone.mjs";
|
||||
import pluginBabel from "https://unpkg.com/prettier@2.8.8/plugins/babel.mjs";
|
||||
|
||||
console.log(
|
||||
await prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {
|
||||
@@ -122,9 +122,9 @@ The HTML code embedded in JavaScript stays unformatted because the `html` parser
|
||||
|
||||
```html
|
||||
<script type="module">
|
||||
import * as prettier from "https://unpkg.com/prettier@2.8.7/standalone.mjs";
|
||||
import pluginBabel from "https://unpkg.com/prettier@2.8.7/plugins/babel.mjs";
|
||||
import pluginHtml from "https://unpkg.com/prettier@2.8.7/plugins/html.mjs";
|
||||
import * as prettier from "https://unpkg.com/prettier@2.8.8/standalone.mjs";
|
||||
import pluginBabel from "https://unpkg.com/prettier@2.8.8/plugins/babel.mjs";
|
||||
import pluginHtml from "https://unpkg.com/prettier@2.8.8/plugins/html.mjs";
|
||||
|
||||
console.log(
|
||||
await prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {
|
||||
|
||||
Reference in new issue
Block a user