fix: format docs with prettier 3.1

files/en-us/learn/javascript/asynchronous/introducing_workers/index.md

@@ -77,8 +77,9 @@ function generatePrimes(quota) {
 document.querySelector("#generate").addEventListener("click", () => {
   const quota = document.querySelector("#quota").value;
   const primes = generatePrimes(quota);
-  document.querySelector("#output").textContent =
-    `Finished generating ${quota} primes!`;
+  document.querySelector(
+    "#output",
+  ).textContent = `Finished generating ${quota} primes!`;
 });
 
 document.querySelector("#reload").addEventListener("click", () => {
@@ -160,8 +161,9 @@ document.querySelector("#generate").addEventListener("click", () => {
 // update the output box with a message for the user, including the number of
 // primes that were generated, taken from the message data.
 worker.addEventListener("message", (message) => {
-  document.querySelector("#output").textContent =
-    `Finished generating ${message.data} primes!`;
+  document.querySelector(
+    "#output",
+  ).textContent = `Finished generating ${message.data} primes!`;
 });
 
 document.querySelector("#reload").addEventListener("click", () => {

files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_typescript/index.md

@@ -445,8 +445,8 @@ We will also use the `Filter` enum in the `Todos.svelte` component.
      filter === Filter.ACTIVE
        ? todos.filter((t) => !t.completed)
        : filter === Filter.COMPLETED
-         ? todos.filter((t) => t.completed)
-         : todos;
+       ? todos.filter((t) => t.completed)
+       : todos;
 
    $: {
      if (filter === Filter.ALL) {
@@ -519,8 +519,8 @@ We will also use the `Filter` enum in the `Todos.svelte` component.
      filter === Filter.ACTIVE
        ? todos.filter((t) => !t.completed)
        : filter === Filter.COMPLETED
-         ? todos.filter((t) => t.completed)
-         : todos;
+       ? todos.filter((t) => t.completed)
+       : todos;
 
    $: {
      if (filter === Filter.ALL) {

files/en-us/learn/tools_and_testing/client-side_javascript_frameworks/svelte_variables_props/index.md

@@ -392,8 +392,8 @@ Finally for this article, let's implement the ability to filter our to-dos by st
      filter === "active"
        ? todos.filter((t) => !t.completed)
        : filter === "completed"
-         ? todos.filter((t) => t.completed)
-         : todos;
+       ? todos.filter((t) => t.completed)
+       : todos;
    ```
 
    We use the `filter` variable to control the active filter: _all_, _active_, or _completed_. Just assigning one of these values to the filter variable will activate the filter and update the list of to-dos. Let's see how to achieve this.

files/en-us/web/api/batterymanager/chargingtime/index.md

@@ -34,8 +34,9 @@ A number.
 navigator.getBattery().then((battery) => {
   const time = battery.chargingTime;
 
-  document.querySelector("#chargingTime").textContent =
-    `Time to fully charge the battery: ${time}s`;
+  document.querySelector(
+    "#chargingTime",
+  ).textContent = `Time to fully charge the battery: ${time}s`;
 });
 ```
 

files/en-us/web/api/batterymanager/dischargingtime/index.md

@@ -33,8 +33,9 @@ A number.
 navigator.getBattery().then((battery) => {
   const time = battery.dischargingTime;
 
-  document.querySelector("#dischargingTime").textContent =
-    `Remaining time to fully discharge the battery: ${time}`;
+  document.querySelector(
+    "#dischargingTime",
+  ).textContent = `Remaining time to fully discharge the battery: ${time}`;
 });
 ```
 

files/en-us/web/api/batterymanager/levelchange_event/index.md

@@ -45,8 +45,9 @@ navigator.getBattery().then((battery) => {
         battery.chargingTime / 60
       }`;
     } else {
-      document.querySelector("#stateBattery").textContent =
-        `Discharging time: ${battery.dischargingTime / 60}`;
+      document.querySelector(
+        "#stateBattery",
+      ).textContent = `Discharging time: ${battery.dischargingTime / 60}`;
     }
   };
 });

files/en-us/web/api/document/createtreewalker/index.md

@@ -158,8 +158,8 @@ const treeWalker = document.createTreeWalker(
     node.classList.contains("no-escape")
       ? NodeFilter.FILTER_REJECT
       : node.closest(".escape")
-        ? NodeFilter.FILTER_ACCEPT
-        : NodeFilter.FILTER_SKIP,
+      ? NodeFilter.FILTER_ACCEPT
+      : NodeFilter.FILTER_SKIP,
 );
 
 while (treeWalker.nextNode()) {

files/en-us/web/api/ink_api/index.md

@@ -91,8 +91,9 @@ canvas.addEventListener("pointermove", async (evt) => {
 
     style = { color: `rgba(${r}, ${g}, ${b}, 1)`, diameter: 10 };
     move_cnt = 0;
-    document.getElementById("div").style.backgroundColor =
-      `rgba(${r}, ${g}, ${b}, 0.6)`;
+    document.getElementById(
+      "div",
+    ).style.backgroundColor = `rgba(${r}, ${g}, ${b}, 0.6)`;
   }
   move_cnt += 1;
   await presenter.updateInkTrailStartPoint(evt, style);

files/en-us/web/api/inkpresenter/updateinktrailstartpoint/index.md

@@ -97,8 +97,9 @@ canvas.addEventListener("pointermove", async (evt) => {
 
     style = { color: `rgba(${r}, ${g}, ${b}, 1)`, diameter: 10 };
     move_cnt = 0;
-    document.getElementById("div").style.backgroundColor =
-      `rgba(${r}, ${g}, ${b}, 0.6)`;
+    document.getElementById(
+      "div",
+    ).style.backgroundColor = `rgba(${r}, ${g}, ${b}, 0.6)`;
   }
   move_cnt += 1;
   await presenter.updateInkTrailStartPoint(evt, style);

files/en-us/web/api/keyboardevent/metakey/index.md

@@ -33,8 +33,9 @@ A boolean value.
 
 ```js
 function ismetaKey(e) {
-  document.querySelector("#output").textContent =
-    `metaKey pressed? ${e.metaKey}`;
+  document.querySelector(
+    "#output",
+  ).textContent = `metaKey pressed? ${e.metaKey}`;
 }
 ```
 

files/en-us/web/api/response/json/index.md

@@ -49,8 +49,9 @@ fetch(myRequest)
       listItem.appendChild(document.createElement("strong")).textContent =
         product.Name;
       listItem.append(` can be found in ${product.Location}. Cost: `);
-      listItem.appendChild(document.createElement("strong")).textContent =
-        `£${product.Price}`;
+      listItem.appendChild(
+        document.createElement("strong"),
+      ).textContent = `£${product.Price}`;
       myList.appendChild(listItem);
     }
   })

files/en-us/web/api/rtcdatachannel/label/index.md

@@ -39,8 +39,9 @@ const dc = pc.createDataChannel("my channel");
 
 // …
 
-document.getElementById("channel-name").innerHTML =
-  `<span class='channelName'>${dc.label}</span>`;
+document.getElementById(
+  "channel-name",
+).innerHTML = `<span class='channelName'>${dc.label}</span>`;
 ```
 
 ## Specifications

files/en-us/web/api/webgl_api/by_example/hello_glsl/index.md

@@ -97,8 +97,9 @@ function setupWebGL(evt) {
   if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
     const linkErrLog = gl.getProgramInfoLog(program);
     cleanup();
-    document.querySelector("p").textContent =
-      `Shader program did not link successfully. Error log: ${linkErrLog}`;
+    document.querySelector(
+      "p",
+    ).textContent = `Shader program did not link successfully. Error log: ${linkErrLog}`;
     return;
   }
 

files/en-us/web/api/webgl_api/by_example/hello_vertex_attributes/index.md

@@ -102,8 +102,9 @@ function setupWebGL(evt) {
   if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
     const linkErrLog = gl.getProgramInfoLog(program);
     cleanup();
-    document.querySelector("p").textContent =
-      `Shader program did not link successfully. Error log: ${linkErrLog}`;
+    document.querySelector(
+      "p",
+    ).textContent = `Shader program did not link successfully. Error log: ${linkErrLog}`;
     return;
   }
 

files/en-us/web/api/webgl_api/by_example/textures_from_code/index.md

@@ -108,8 +108,9 @@ function setupWebGL(evt) {
   if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
     const linkErrLog = gl.getProgramInfoLog(program);
     cleanup();
-    document.querySelector("p").textContent =
-      `Shader program did not link successfully. Error log: ${linkErrLog}`;
+    document.querySelector(
+      "p",
+    ).textContent = `Shader program did not link successfully. Error log: ${linkErrLog}`;
     return;
   }
   initializeAttributes();

files/en-us/web/javascript/reference/operators/import/index.md

@@ -163,8 +163,8 @@ Here, we load 10 modules, `/modules/module-0.js`, `/modules/module-1.js`, etc.,
 
 ```js
 Promise.all(
-  Array.from({ length: 10 }).map(
-    (_, index) => import(`/modules/module-${index}.js`),
+  Array.from({ length: 10 }).map((_, index) =>
+    import(`/modules/module-${index}.js`),
   ),
 ).then((modules) => modules.forEach((module) => module.load()));
 ```

files/en-us/web/javascript/reference/template_literals/index.md

@@ -112,8 +112,8 @@ let classes = "header";
 classes += isLargeScreen()
   ? ""
   : item.isCollapsed
-    ? " icon-expander"
-    : " icon-collapser";
+  ? " icon-expander"
+  : " icon-collapser";
 ```
 
 With a template literal but without nesting, you could do this: