style: lint codes

src/components/FeedCard.svelte

@@ -12,7 +12,7 @@ export { title, link, dateMiliSeconds };
 const timeString = `${getTimeFromNow(dateMiliSeconds)} ago`;
 const isExternal = link.startsWith("http");
 const url = isExternal ? link : "https://oriverk.dev";
-const { hostname, origin } = new URL(url)
+const { hostname, origin } = new URL(url);
 </script>
 
 <a  href={link} target={isExternal ? "_blank" : ""} rel={isExternal ? "noopenner noreferrer" : ""}>

src/components/SearchButton.astro

@@ -1,5 +1,5 @@
 ---
-import Icon from "./ui/Icon.svelte"
+import Icon from "./ui/Icon.svelte";
 ---
 
 <button type="button" id="search-button">

src/components/ui/ContentWrapper.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 import clsx from "clsx";
 export let className = "";
-export let style = ""
+export let style = "";
 </script>
 
 <div class={clsx('content-wrapper', className)} style={style}>

src/components/ui/Dialog.svelte

@@ -3,11 +3,11 @@ import type { HTMLDialogAttributes } from "svelte/elements";
 
 interface $$Props extends Omit<HTMLDialogAttributes, "class"> {
   className?: string;
-  dialog: HTMLDialogElement
+  dialog: HTMLDialogElement;
 }
 
-let { id , className, dialog } = $$props as $$Props;
-export { dialog, id, className }
+let { id, className, dialog } = $$props as $$Props;
+export { dialog, id, className };
 // const dispatch = createEventDispatcher();
 // function onClose(){
 //   dispatch('closeDialog')

src/layouts/Layout.astro

@@ -13,7 +13,7 @@ export interface Props {
 
 const { origin, href, hostname } = Astro.url;
 const { title, description, image, noindex } = Astro.props;
-const siteName = hostname
+const siteName = hostname;
 const siteTitle = title ? `${title} | ${siteName}` : siteName;
 ---
 

src/pages/404.astro

@@ -1,6 +1,6 @@
 ---
+import Card from "../components/ui/Card.svelte";
 import Layout from "../layouts/Layout.astro";
-import Card from "../components/ui/Card.svelte"
 ---
 
 <Layout title="Home">

src/pages/[...slug].astro

@@ -1,12 +1,12 @@
 ---
+import { getCollection } from "astro:content";
 import type { GetStaticPaths, InferGetStaticPropsType } from "astro";
 import ContentWrapper from "../components/ui/ContentWrapper.svelte";
 import Markdown from "../components/ui/Markdown.svelte";
 import Layout from "../layouts/Layout.astro";
-import { getCollection } from "astro:content";
 
 export const getStaticPaths = (async () => {
-  const posts = await getCollection("static")
+  const posts = await getCollection("static");
   const result = posts.map((post) => {
     return {
       params: { slug: post.slug },

src/pages/blog/[...slug].astro

@@ -23,7 +23,8 @@ type Props = InferGetStaticPropsType<typeof getStaticPaths>;
 const { post } = Astro.props as Props;
 const { id, body, collection, render, data } = post;
 const place = `${collection}/${id}`;
-const { title, description, tags, create, update, image, published, noindex } = data;
+const { title, description, tags, create, update, image, published, noindex } =
+  data;
 const { Content, headings } = await render();
 const toc = getTocHierarchy(headings);
 ---

src/pages/index.astro

@@ -12,17 +12,22 @@ import { getUserContent } from "../utils/github/getUserContent";
 const userContent = getUserContent();
 const feedItems = getFeedItems();
 const blogItems = (await getBlog()).map((post) => {
-  const {slug, data} = post
+  const { slug, data } = post;
   const { title, tags, create, update } = data;
   const link = `/blog/${slug}`;
   const isoDate = update ?? create;
   const dateMiliSeconds = new Date(isoDate).getTime();
   return {
-    title, contentSnipett: tags, link, isoDate, dateMiliSeconds
-  }
-})
-const items = [...feedItems, ...blogItems]
-  .sort((a , b) => b.dateMiliSeconds - a.dateMiliSeconds)
+    title,
+    contentSnipett: tags,
+    link,
+    isoDate,
+    dateMiliSeconds,
+  };
+});
+const items = [...feedItems, ...blogItems].sort(
+  (a, b) => b.dateMiliSeconds - a.dateMiliSeconds,
+);
 const { repositoryItems, contributionCalendar } = userContent;
 const colors = ["#161b22", "#0e4429", "#006d32", "#26a641", "#39d353"];
 ---

src/pages/rss.xml.ts

@@ -1,21 +1,21 @@
-import rss from '@astrojs/rss';
-import type { APIContext } from 'astro';
-import { getBlog } from '../utils/getBlog';
+import rss from "@astrojs/rss";
+import type { APIContext } from "astro";
+import { getBlog } from "../utils/getBlog";
 
 export async function GET(context: APIContext) {
   const blog = await getBlog();
-  const items = blog.map(({slug, data}) => {
-    const { title, description, create } = data
+  const items = blog.map(({ slug, data }) => {
+    const { title, description, create } = data;
     const link = `/blog/${slug}`;
     return {
       title,
       pubDate: new Date(create),
       description: description ?? undefined,
-      link
-    }
-  })
+      link,
+    };
+  });
   return rss({
-    title: 'oriverk.dev',
+    title: "oriverk.dev",
     description: "",
     site: context.site || "",
     items,

src/utils/getBlog.ts

@@ -7,7 +7,10 @@ export async function getBlog() {
   });
 
   const posts = collection.sort((a, b) => {
-    return new Date(b.data.update ?? b.data.create).getTime() - new Date(a.data.update ?? a.data.create).getTime()
+    return (
+      new Date(b.data.update ?? b.data.create).getTime() -
+      new Date(a.data.update ?? a.data.create).getTime()
+    );
   });
 
   return posts;