Bump prettier from 2.8.8 to 3.0.3

package.json

@@ -38,11 +38,11 @@
     "@vue/tsconfig": "^0.4.0",
     "eslint": "^8.48.0",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-vue": "^9.17.0",
     "jsdom": "^22.1.0",
     "playwright": "^1.37.1",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.2",
     "sass": "^1.66.1",
     "typescript": "^5.1.6",
     "vite": "^4.4.9",

postcss.config.js

@@ -8,20 +8,20 @@ if (process.env.NODE_ENV === "production") {
       defaultExtractor(content) {
         const contentWithoutStyleBlocks = content.replace(
           /<style[^]+?<\/style>/gi,
-          ""
+          "",
         );
 
         const classes = Array.from(
-          contentWithoutStyleBlocks.matchAll(/class="([^"]+?)"/g)
+          contentWithoutStyleBlocks.matchAll(/class="([^"]+?)"/g),
         ).map((match) => match[1]);
         const styles = classes.flatMap((styles) => styles.split(" "));
 
         const ids = Array.from(
-          contentWithoutStyleBlocks.matchAll(/id="([^"]+?)"/g)
+          contentWithoutStyleBlocks.matchAll(/id="([^"]+?)"/g),
         ).map((match) => match[1]);
 
         const tags = Array.from(
-          contentWithoutStyleBlocks.matchAll(/<(\w[\w-]*?)[^\w-]/g)
+          contentWithoutStyleBlocks.matchAll(/<(\w[\w-]*?)[^\w-]/g),
         ).map((match) => match[1]);
 
         return styles.concat(ids).concat(tags);
@@ -32,7 +32,7 @@ if (process.env.NODE_ENV === "production") {
         /^router-link(|-exact)-active$/,
         /data-v-.*/,
       ],
-    })
+    }),
   );
 }
 

src/ReloadPrompt.vue

@@ -5,9 +5,12 @@ const { needRefresh, updateServiceWorker } = useRegisterSW({
   onRegisteredSW(url, registration) {
     if (registration) {
       // Check every hour for updates (which if found will then show the reload prompt)
-      setInterval(() => {
-        registration.update();
-      }, 60 * 60 * 1000);
+      setInterval(
+        () => {
+          registration.update();
+        },
+        60 * 60 * 1000,
+      );
     }
   },
 });

src/components/Card.vue

@@ -919,7 +919,7 @@ const rankText = computed(() => {
 });
 
 const suitText = computed(
-  () => props.suit[0].toUpperCase() + props.suit.slice(1)
+  () => props.suit[0].toUpperCase() + props.suit.slice(1),
 );
 
 const getX = (index: number, rotated: boolean): number => {

src/components/Solutions.vue

@@ -47,7 +47,7 @@ const toggleSolutions = () => (showSolutions.value = !showSolutions.value);
 // Re-hide solutions if the cards change.
 watch(
   () => props.solutions,
-  () => (showSolutions.value = false)
+  () => (showSolutions.value = false),
 );
 </script>
 

tests/component/Solutions.test.ts

@@ -8,7 +8,7 @@
   };
 
   const solutionsRegex = new RegExp(
-    props.solutions.join("|").replace(/[*+()]/g, "\\$&")
+    props.solutions.join("|").replace(/[*+()]/g, "\\$&"),
   );
 
   afterEach(() => {
@@ -33,7 +33,7 @@
     });
     await fireEvent.click(showSolutionsButton);
     expect(screen.getAllByText(solutionsRegex)).toHaveLength(
-      props.solutions.length
+      props.solutions.length,
     );
 
     const hideSolutionsButton = screen.getByRole("button", {

tests/e2e/App.test.ts

@@ -1,4 +1,4 @@
 import { test, expect } from "@playwright/test";
 
 import AxeBuilder from "@axe-core/playwright";
 
@@ -39,7 +39,7 @@
 
     const select = page.getByLabel("Card 1");
     const currentValue = await select.inputValue();
     await select.selectOption({ value: `${(Number(currentValue) + 1) % 13}` });
 
     const newTitle = await page
       .getByTestId("card")
@@ -80,7 +80,7 @@
     const button = page.getByRole("button", { name: "Show solutions" });
     test.fail(
       (await button.getAttribute("disabled")) !== null,
-      "No solutions after 5 tries"
+      "No solutions after 5 tries",
     );
 
     const selects = await page.getByLabel("Card ").all();
@@ -95,7 +95,7 @@
 
     const solutions = await page.locator("pre").all();
     const texts = await Promise.all(
-      solutions.map((solution) => solution.innerText())
+      solutions.map((solution) => solution.innerText()),
     );
     for (const text of texts) {
       const numbers = text
@@ -123,7 +123,7 @@
     const button = page.getByRole("button", { name: "Show solutions" });
     test.fail(
       (await button.getAttribute("disabled")) !== null,
-      "No solutions after 5 tries"
+      "No solutions after 5 tries",
     );
 
     await button.click();
@@ -162,7 +162,7 @@
   test("Solutions are accessible", async ({ page }, { project }) => {
     test.skip(
       process.env.CI !== undefined && project.name === "Mobile Safari",
-      "Times out in mobile Safari on CI"
+      "Times out in mobile Safari on CI",
     );
 
     await page.goto("/");
@@ -179,7 +179,7 @@
     const button = page.getByRole("button", { name: "Show solutions" });
     test.fail(
       (await button.getAttribute("disabled")) !== null,
-      "No solutions after 5 tries"
+      "No solutions after 5 tries",
     );
     await button.click();
 

tests/unit/operation.test.ts

@@ -37,7 +37,7 @@ describe("Operations", () => {
 
       test("Joins strings with -", () => {
         expect(Subtract.toString("(2 + 1)", "(3 * 4)")).toBe(
-          "(2 + 1) - (3 * 4)"
+          "(2 + 1) - (3 * 4)",
         );
       });
     });
@@ -55,7 +55,7 @@ describe("Operations", () => {
 
       test("Joins strings with *", () => {
         expect(Multiply.toString("(2 - 1)", "(3 / 4)")).toBe(
-          "(2 - 1) * (3 / 4)"
+          "(2 - 1) * (3 / 4)",
         );
       });
     });
@@ -89,7 +89,7 @@ describe("Operations", () => {
 
       test("Joins strings with ^", () => {
         expect(Exponent.toString("(2 - 1)", "(3 * 4)")).toBe(
-          "(2 - 1) ^ (3 * 4)"
+          "(2 - 1) ^ (3 * 4)",
         );
       });
     });