From 0d938f940d53fadcd4f7233f7efb783aa1d63738 Mon Sep 17 00:00:00 2001
From: bluwy <bjornlu.dev@gmail.com>
Date: Thu, 10 Aug 2023 12:47:14 +0800
Subject: [PATCH] Update prettier

---
 .prettierrc                                   |  4 +-
 docs/src/components/EditOn.astro              |  6 +-
 docs/src/components/hero/Hero.astro           |  5 +-
 docs/src/components/hero/Hero2.astro          |  3 +-
 docs/src/components/hero/Popup.svelte         |  4 +-
 .../components/structure/LeftSidebar.astro    |  1 -
 docs/src/components/structure/MoreMenu.astro  |  4 +-
 .../structure/TableOfContents.astro           |  4 +-
 docs/src/pages/docs/integrations/astro.md     |  2 +-
 package.json                                  |  8 +--
 playground/astro/src/pages/index.astro        |  4 +-
 pnpm-lock.yaml                                | 70 +++++++++----------
 12 files changed, 57 insertions(+), 58 deletions(-)

diff --git a/.prettierrc b/.prettierrc
index bce6079..83e84fe 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -5,7 +5,7 @@
   "trailingComma": "none",
   "semi": false,
   "plugins": [
-    "./node_modules/prettier-plugin-svelte",
-    "./node_modules/prettier-plugin-astro"
+    "prettier-plugin-svelte",
+    "prettier-plugin-astro"
   ]
 }
\ No newline at end of file
diff --git a/docs/src/components/EditOn.astro b/docs/src/components/EditOn.astro
index c9ffcbb..fdc2819 100644
--- a/docs/src/components/EditOn.astro
+++ b/docs/src/components/EditOn.astro
@@ -19,10 +19,8 @@ const webPublisherEditUrl =
   <a class="link" href={githubEditUrl} target="_blank">
     Edit this page on GitHub
   </a>
-  or
-  <a class="link" href={webPublisherEditUrl} target="_blank">
-    Web Publisher
-  </a>
+   or
+  <a class="link" href={webPublisherEditUrl} target="_blank"> Web Publisher</a>
 </p>
 
 <style>
diff --git a/docs/src/components/hero/Hero.astro b/docs/src/components/hero/Hero.astro
index cb93aef..999ad21 100644
--- a/docs/src/components/hero/Hero.astro
+++ b/docs/src/components/hero/Hero.astro
@@ -23,7 +23,7 @@ const finalCode = demoCode.slice(0, demoCode.indexOf('\n<style'))
 
     <p class="explainer">
       whyframe gives iframes superpowers, <br />
-      making it easy to render anything in isolation.
+       making it easy to render anything in isolation.
     </p>
 
     <div class="buttons">
@@ -79,7 +79,8 @@ const finalCode = demoCode.slice(0, demoCode.indexOf('\n<style'))
     border-radius: 0.5rem;
     overflow: hidden;
     max-width: 400px;
-    box-shadow: 0px 1px 2.2px 2px rgba(255, 237, 36, 0.128),
+    box-shadow:
+      0px 1px 2.2px 2px rgba(255, 237, 36, 0.128),
       0px 1px 5.3px 2px rgba(255, 237, 36, 0.14),
       0px 1px 10px 2px rgba(255, 237, 36, 0.15),
       0px 1px 17.9px 2px rgba(255, 237, 36, 0.16),
diff --git a/docs/src/components/hero/Hero2.astro b/docs/src/components/hero/Hero2.astro
index af376df..bbf5d8c 100644
--- a/docs/src/components/hero/Hero2.astro
+++ b/docs/src/components/hero/Hero2.astro
@@ -14,7 +14,8 @@ import astro from '@/assets/astro.svg'
   <h2>Bundlers</h2>
   <p class="explainer">
     Browsers ignore content within iframes by default, <br />
-    whyframe leverages <span>modern JavaScript bundlers</span> to make it possible.
+     whyframe leverages <span>modern JavaScript bundlers</span> to make it
+    possible.
   </p>
   <p class="imgs">
     <a class="vite" href="https://vitejs.dev">
diff --git a/docs/src/components/hero/Popup.svelte b/docs/src/components/hero/Popup.svelte
index 5bc5e09..f62735d 100644
--- a/docs/src/components/hero/Popup.svelte
+++ b/docs/src/components/hero/Popup.svelte
@@ -66,7 +66,9 @@
     background-color: #f9f9f9;
     color: #1e1e1e;
     cursor: pointer;
-    transition: background-color 0.2s, border-color 0.25s;
+    transition:
+      background-color 0.2s,
+      border-color 0.25s;
   }
 
   button:hover {
diff --git a/docs/src/components/structure/LeftSidebar.astro b/docs/src/components/structure/LeftSidebar.astro
index 04a0390..de6def1 100644
--- a/docs/src/components/structure/LeftSidebar.astro
+++ b/docs/src/components/structure/LeftSidebar.astro
@@ -166,7 +166,6 @@ function isCurrentPage(url: string) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     padding: 0.6rem;
-    color: ;
   }
 
   @media (min-width: 768px) {
diff --git a/docs/src/components/structure/MoreMenu.astro b/docs/src/components/structure/MoreMenu.astro
index 35fdcd5..99fc32a 100644
--- a/docs/src/components/structure/MoreMenu.astro
+++ b/docs/src/components/structure/MoreMenu.astro
@@ -54,7 +54,9 @@ const adjacentLink = getGuideAdjacentLink(Astro.url.pathname)
     font-size: 1em;
     color: var(--light);
     text-decoration: none;
-    transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out,
+    transition:
+      border-color 0.2s ease-in-out,
+      color 0.2s ease-in-out,
       background-color 0.2s ease-in-out;
   }
 
diff --git a/docs/src/components/structure/TableOfContents.astro b/docs/src/components/structure/TableOfContents.astro
index f27fddb..cda72d3 100644
--- a/docs/src/components/structure/TableOfContents.astro
+++ b/docs/src/components/structure/TableOfContents.astro
@@ -121,7 +121,9 @@ const htwoData = JSON.stringify(h2s.map((h) => h.slug))
     text-decoration: none;
     display: block;
     opacity: 0.8;
-    transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
+    transition:
+      opacity 0.2s ease-in-out,
+      color 0.2s ease-in-out;
   }
   a:hover,
   a:focus {
diff --git a/docs/src/pages/docs/integrations/astro.md b/docs/src/pages/docs/integrations/astro.md
index 486366c..a57bef7 100644
--- a/docs/src/pages/docs/integrations/astro.md
+++ b/docs/src/pages/docs/integrations/astro.md
@@ -76,7 +76,7 @@ As `whyframe`'s default HTML doesn't work in Astro, a custom HTML source is requ
 To setup `/frames/default`, or in other words `http://localhost:3000/frames/default`, create a `src/pages/frames/default.astro` file:
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />
diff --git a/package.json b/package.json
index cde6978..6159274 100644
--- a/package.json
+++ b/package.json
@@ -13,10 +13,10 @@
     "format": "prettier \"**/*.{js,ts,jsx,css,md,vue,svelte,astro}\" --write --cache"
   },
   "devDependencies": {
-    "prettier": "^2.8.7",
-    "prettier-plugin-astro": "^0.8.0",
-    "prettier-plugin-svelte": "^2.10.0",
-    "svelte": "^3.58.0",
+    "prettier": "^3.0.1",
+    "prettier-plugin-astro": "^0.11.0",
+    "prettier-plugin-svelte": "^3.0.3",
+    "svelte": "^4.1.2",
     "uvu": "^0.5.6"
   },
   "packageManager": "pnpm@8.6.12",
diff --git a/playground/astro/src/pages/index.astro b/playground/astro/src/pages/index.astro
index 657978e..87cb88f 100644
--- a/playground/astro/src/pages/index.astro
+++ b/playground/astro/src/pages/index.astro
@@ -29,9 +29,9 @@ import PopupReact from '../components/PopupReact.jsx'
   <p class="docs">
     Check out the examples below to see component isolation in action!
     <br />
-    You can view the source code at <code>src/pages/index.astro</code>.
+     You can view the source code at <code>src/pages/index.astro</code>.
     <br />
-    Click on the logos above to learn more.
+     Click on the logos above to learn more.
   </p>
 
   <h2>Svelte</h2>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 78525b8..bf52dfb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,17 +16,17 @@ importers:
   .:
     devDependencies:
       prettier:
-        specifier: ^2.8.7
-        version: 2.8.7
+        specifier: ^3.0.1
+        version: 3.0.1
       prettier-plugin-astro:
-        specifier: ^0.8.0
-        version: 0.8.0
+        specifier: ^0.11.0
+        version: 0.11.0
       prettier-plugin-svelte:
-        specifier: ^2.10.0
-        version: 2.10.0(prettier@2.8.7)(svelte@3.58.0)
+        specifier: ^3.0.3
+        version: 3.0.3(prettier@3.0.1)(svelte@4.1.2)
       svelte:
-        specifier: ^3.58.0
-        version: 3.58.0
+        specifier: ^4.1.2
+        version: 4.1.2
       uvu:
         specifier: ^0.5.6
         version: 0.5.6
@@ -745,7 +745,7 @@ packages:
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/gen-mapping': 0.1.1
-      '@jridgewell/trace-mapping': 0.3.17
+      '@jridgewell/trace-mapping': 0.3.19
 
   /@ampproject/remapping@2.2.1:
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
@@ -765,6 +765,7 @@ packages:
 
   /@astrojs/compiler@1.3.0:
     resolution: {integrity: sha512-VxSj3gh/UTB/27rkRCT7SvyGjWtuxUO7Jf7QqDduch7j/gr/uA5P/Q5I/4zIIrZjy2yQAKyKLoox2QI2mM/BSA==}
+    dev: false
 
   /@astrojs/compiler@1.8.1:
     resolution: {integrity: sha512-C28qplQzgIJ+JU9S+1wNx+ue2KCBUp0TTAd10EWAEkk4RsL3Tzlw0BYvLDDb4KP9jS48lXmR4/1TtZ4aavYJ8Q==}
@@ -1059,7 +1060,7 @@ packages:
     dependencies:
       '@babel/types': 7.21.4
       '@jridgewell/gen-mapping': 0.3.2
-      '@jridgewell/trace-mapping': 0.3.17
+      '@jridgewell/trace-mapping': 0.3.19
       jsesc: 2.5.2
 
   /@babel/generator@7.22.10:
@@ -4190,15 +4191,15 @@ packages:
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/set-array': 1.1.2
-      '@jridgewell/sourcemap-codec': 1.4.14
+      '@jridgewell/sourcemap-codec': 1.4.15
 
   /@jridgewell/gen-mapping@0.3.2:
     resolution: {integrity: sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==}
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/set-array': 1.1.2
-      '@jridgewell/sourcemap-codec': 1.4.14
-      '@jridgewell/trace-mapping': 0.3.17
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.19
 
   /@jridgewell/gen-mapping@0.3.3:
     resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
@@ -4856,7 +4857,7 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@types/estree': 1.0.0
+      '@types/estree': 1.0.1
       estree-walker: 2.0.2
       picomatch: 2.3.1
       rollup: 3.27.0
@@ -10068,7 +10069,7 @@ packages:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.14
+      '@jridgewell/sourcemap-codec': 1.4.15
     dev: true
 
   /magic-string@0.30.0:
@@ -12385,14 +12386,13 @@ packages:
     resolution: {integrity: sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==}
     engines: {node: '>=4'}
 
-  /prettier-plugin-astro@0.8.0:
-    resolution: {integrity: sha512-kt9wk33J7HvFGwFaHb8piwy4zbUmabC8Nu+qCw493jhe96YkpjscqGBPy4nJ9TPy9pd7+kEx1zM81rp+MIdrXg==}
+  /prettier-plugin-astro@0.11.0:
+    resolution: {integrity: sha512-rl2hJ4Kty/aEfGjk3i4JS+bpng9MjgvwqLRNzeb9NqYhqKoWNwOR39cIJXFjU1vR3zYOPnwWNRMelKb0orunYA==}
     engines: {node: ^14.15.0 || >=16.0.0, pnpm: '>=7.14.0'}
     dependencies:
-      '@astrojs/compiler': 1.3.0
-      prettier: 2.8.7
-      sass-formatter: 0.7.6
-      synckit: 0.8.5
+      '@astrojs/compiler': 1.8.1
+      prettier: 3.0.1
+      sass-formatter: 0.7.7
     dev: true
 
   /prettier-plugin-astro@0.9.1:
@@ -12405,25 +12405,25 @@ packages:
       synckit: 0.8.5
     dev: true
 
-  /prettier-plugin-svelte@2.10.0(prettier@2.8.7)(svelte@3.58.0):
-    resolution: {integrity: sha512-GXMY6t86thctyCvQq+jqElO+MKdB09BkL3hexyGP3Oi8XLKRFaJP1ud/xlWCZ9ZIa2BxHka32zhHfcuU+XsRQg==}
+  /prettier-plugin-svelte@3.0.3(prettier@3.0.1)(svelte@4.1.2):
+    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
     peerDependencies:
-      prettier: ^1.16.4 || ^2.0.0
-      svelte: ^3.2.0
+      prettier: ^3.0.0
+      svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
-      prettier: 2.8.7
-      svelte: 3.58.0
+      prettier: 3.0.1
+      svelte: 4.1.2
     dev: true
 
-  /prettier@2.8.7:
-    resolution: {integrity: sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==}
+  /prettier@2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
     engines: {node: '>=10.13.0'}
     hasBin: true
     dev: true
 
-  /prettier@2.8.8:
-    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
-    engines: {node: '>=10.13.0'}
+  /prettier@3.0.1:
+    resolution: {integrity: sha512-fcOWSnnpCrovBsmFZIGIy9UqK2FaI7Hqax+DIO0A9UxeVoY4iweyaFjS5TavZN97Hfehph0nhsZnjlVKzEQSrQ==}
+    engines: {node: '>=14'}
     hasBin: true
     dev: true
 
@@ -13315,12 +13315,6 @@ packages:
   /safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  /sass-formatter@0.7.6:
-    resolution: {integrity: sha512-hXdxU6PCkiV3XAiSnX+XLqz2ohHoEnVUlrd8LEVMAI80uB1+OTScIkH9n6qQwImZpTye1r1WG1rbGUteHNhoHg==}
-    dependencies:
-      suf-log: 2.5.3
-    dev: true
-
   /sass-formatter@0.7.7:
     resolution: {integrity: sha512-axtQ7c7Cf4UgHsD8e4okhIkkc90+tdgBIfUMx69+qJuMNq9EOo2k+RH/mDKj0XeA5z3nC1Ca5TCntuxRhI+1MA==}
     dependencies: