Update prettier

bluwy · Aug 10, 2023 · 0d938f9 · 0d938f9
1 parent 945f058
commit 0d938f9
Show file tree

Hide file tree

Showing 12 changed files with 57 additions and 58 deletions.
diff --git 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"
   ]
 }
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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": "[email protected]",

diff --git 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