Chore: apply prettier

yongsk0066 · Apr 10, 2024 · 49da4b1 · 49da4b1
1 parent e5fef41
commit 49da4b1
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 18 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -1,5 +1,14 @@
 {
   "trailingComma": "es5",
   "tabWidth": 2,
-  "semi": true
+  "semi": true,
+  "plugins": ["prettier-plugin-astro"],
+  "overrides": [
+    {
+      "files": "*.astro",
+      "options": {
+        "parser": "astro"
+      }
+    }
+  ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,3 +1,7 @@
 {
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "prettier.documentSelectors": ["**/*.astro"],
+  "[astro]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/src/components/FormattedDate.astro b/src/components/FormattedDate.astro
@@ -1,17 +1,17 @@
 ---
 interface Props {
-	date: Date;
+  date: Date;
 }
 
 const { date } = Astro.props;
 ---
 
 <time datetime={date.toISOString()}>
-	{
-		date.toLocaleDateString('en-us', {
-			year: 'numeric',
-			month: 'short',
-			day: 'numeric',
-		})
-	}
+  {
+    date.toLocaleDateString("en-us", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+    })
+  }
 </time>
diff --git a/src/components/LinkPreview.astro b/src/components/LinkPreview.astro
@@ -3,15 +3,19 @@
 interface Props {
   src: string;
 }
-import jsdom from 'jsdom';
+import jsdom from "jsdom";
 const { src } = Astro.props;
 
 const response = await fetch(src);
 const html = await response.text();
 const { document } = new jsdom.JSDOM(html)?.window;
-const title = document.querySelector('title')?.textContent;
-const description = document.querySelector('meta[name=description]')?.getAttribute('content');
-const image = document.querySelector("meta[property='og:image']")?.getAttribute('content');
+const title = document.querySelector("title")?.textContent;
+const description = document
+  .querySelector("meta[name=description]")
+  ?.getAttribute("content");
+const image = document
+  .querySelector("meta[property='og:image']")
+  ?.getAttribute("content");
 ---
 
 <a class="link-preview" href={src} target="_blank" rel="noopener noreferrer">

diff --git a/src/content/blog/어떻게 문제를 풀 것인가.mdx b/src/content/blog/어떻게 문제를 풀 것인가.mdx
@@ -5,7 +5,6 @@ author: "Yongseok"
 pubDate: "Feb 10 2024"
 categories: ["book"]
 heroImage: "/how_to_solve_it_placeholder.png"
-
 ---
 
 

diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
@@ -1,9 +1,9 @@
 ---
 import type { CollectionEntry } from "astro:content";
 import BaseHead from "../components/BaseHead.astro";
-import Header from "../components/Header.astro";
 import Footer from "../components/Footer.astro";
 import FormattedDate from "../components/FormattedDate.astro";
+import Header from "../components/Header.astro";
 
 type Props = CollectionEntry<"blog">["data"];
 
@@ -68,7 +68,6 @@ const { title, description, pubDate, updatedDate, heroImage, categories } =
       }
     </style>
   </head>
-
   <body>
     <Header />
     <main>

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -48,6 +48,6 @@ import Layout from "../layouts/BlogPost.astro";
     Hi! 👋<br /> My name is YongSeok Jang <br /> and I am a frontend engineer.
     <br />
     <br />
-     Based in Seoul, South Korea. 🇰🇷
+    Based in Seoul, South Korea. 🇰🇷
   </h1>
 </Layout>
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,7 +5,6 @@ author: "Yongseok" @@
     pubDate: "Feb 10 2024"
     categories: ["book"]
     heroImage: "/how_to_solve_it_placeholder.png"
     ---
@@ Expand Down @@