testea/test-repo
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Release 3.0.2

Browse Source
This commit is contained in:
Sosuke Suzuki committed 2023-08-16 00:41:42 +09:00
1 parent 1b0c756bd6
commit 157e42accd
6 files changed
+99 -35
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

website/versioned_docs/version-stable/browser.md
+16 -16
View File
@@ -19,7 +19,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@3.0.1/plugins/>. Note that `estree` plugin should be loaded when printing JavaScript, TypeScript, Flow, or JSON.
- **`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@3.0.2/plugins/>. Note that `estree` plugin should be loaded when printing JavaScript, TypeScript, Flow, or JSON.
You need to load the ones that you’re going to use and pass them to `prettier.format` using the `plugins` option.
@@ -30,8 +30,8 @@ See below for examples.
### Global
```html
<script src="https://unpkg.com/prettier@3.0.1/standalone.js"></script>
<script src="https://unpkg.com/prettier@3.0.1/plugins/graphql.js"></script>
<script src="https://unpkg.com/prettier@3.0.2/standalone.js"></script>
<script src="https://unpkg.com/prettier@3.0.2/plugins/graphql.js"></script>
<script>
(async () => {
const formatted = await prettier.format("type Query { hello: String }", {
@@ -48,8 +48,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@3.0.1/standalone.mjs";
import prettierPluginGraphql from "https://unpkg.com/prettier@3.0.1/plugins/graphql.mjs";
import * as prettier from "https://unpkg.com/prettier@3.0.2/standalone.mjs";
import prettierPluginGraphql from "https://unpkg.com/prettier@3.0.2/plugins/graphql.mjs";
const formatted = await prettier.format("type Query { hello: String }", {
parser: "graphql",
@@ -62,8 +62,8 @@ Note that the [`unpkg` field](https://unpkg.com/#examples) in Prettier’s `pack
```js
define([
"https://unpkg.com/prettier@3.0.1/standalone.js",
"https://unpkg.com/prettier@3.0.1/plugins/graphql.js",
"https://unpkg.com/prettier@3.0.2/standalone.js",
"https://unpkg.com/prettier@3.0.2/plugins/graphql.js",
], async (prettier, ...plugins) => {
const formatted = await prettier.format("type Query { hello: String }", {
parser: "graphql",
@@ -91,8 +91,8 @@ This syntax doesn’t necessarily work in the browser, but it can be used when b
### Worker
```js
importScripts("https://unpkg.com/prettier@3.0.1/standalone.js");
importScripts("https://unpkg.com/prettier@3.0.1/plugins/graphql.js");
importScripts("https://unpkg.com/prettier@3.0.2/standalone.js");
importScripts("https://unpkg.com/prettier@3.0.2/plugins/graphql.js");
(async () => {
const formatted = await prettier.format("type Query { hello: String }", {
@@ -108,9 +108,9 @@ If you want to format [embedded code](options.md#embedded-language-formatting),
```html
<script type="module">
import * as prettier from "https://unpkg.com/prettier@3.0.1/standalone.mjs";
import prettierPluginBabel from "https://unpkg.com/prettier@3.0.1/plugins/babel.mjs";
import prettierPluginEstree from "https://unpkg.com/prettier@3.0.1/plugins/estree.mjs";
import * as prettier from "https://unpkg.com/prettier@3.0.2/standalone.mjs";
import prettierPluginBabel from "https://unpkg.com/prettier@3.0.2/plugins/babel.mjs";
import prettierPluginEstree from "https://unpkg.com/prettier@3.0.2/plugins/estree.mjs";
console.log(
await prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {
@@ -126,10 +126,10 @@ The HTML code embedded in JavaScript stays unformatted because the `html` parser
```html
<script type="module">
import * as prettier from "https://unpkg.com/prettier@3.0.1/standalone.mjs";
import prettierPluginBabel from "https://unpkg.com/prettier@3.0.1/plugins/babel.mjs";
import prettierPluginEstree from "https://unpkg.com/prettier@3.0.1/plugins/estree.mjs";
import prettierPluginHtml from "https://unpkg.com/prettier@3.0.1/plugins/html.mjs";
import * as prettier from "https://unpkg.com/prettier@3.0.2/standalone.mjs";
import prettierPluginBabel from "https://unpkg.com/prettier@3.0.2/plugins/babel.mjs";
import prettierPluginEstree from "https://unpkg.com/prettier@3.0.2/plugins/estree.mjs";
import prettierPluginHtml from "https://unpkg.com/prettier@3.0.2/plugins/html.mjs";
console.log(
await prettier.format("const html=/* HTML */ `<DIV> </DIV>`", {