format

rdwz · rdwz · commit 526d896f0e3b · 2024-07-20T11:03:59.000+02:00
diff --git a/src/components/header.astro b/src/components/header.astro
@@ -1,7 +1,7 @@
 ---
-import HomeLink from "./homeLink.astro";
-import { Image } from "astro:assets";
-import Link from "./link.astro";
+import HomeLink from './homeLink.astro'
+import { Image } from 'astro:assets'
+import Link from './link.astro'
 ---
 
 <header class="mb-14 flex flex-row place-content-between">
diff --git a/src/components/homeLink.astro b/src/components/homeLink.astro
@@ -1,9 +1,9 @@
 ---
-import "@fontsource/montserrat/900.css";
-import Link from "./link.astro";
+import '@fontsource/montserrat/900.css'
+import Link from './link.astro'
 
-const pathname = Astro.url.pathname;
-const isActive = pathname === "/";
+const pathname = Astro.url.pathname
+const isActive = pathname === '/'
 ---
 
 <Link
diff --git a/src/components/link.astro b/src/components/link.astro
@@ -1,11 +1,13 @@
 ---
 interface Props {
-  href: string;
-  classList: (string | object)[];
-  target?: "_self" | "_blank" | "_parent" | "_top";
+	href: string
+	classList: (string | object)[]
+	target?: '_self' | '_blank' | '_parent' | '_top'
 }
 
-const { classList, href, target = "_blank" } = Astro.props;
+const { classList, href, target = '_blank' } = Astro.props
 ---
 
-<a class:list={classList} target={target} href={href}><slot /> </a>
+<a class:list={classList} {target} {href}>
+	<slot />
+</a>
diff --git a/src/components/postTitle.astro b/src/components/postTitle.astro
@@ -1,26 +1,24 @@
 ---
-import Color from "colorjs.io";
-import "@fontsource/montserrat/900.css";
+import Color from 'colorjs.io'
+import '@fontsource/montserrat/900.css'
 
 interface Props {
-  title: string;
-  date: string;
+	title: string
+	date: string
 }
 
-const { title, date } = Astro.props;
+const { title, date } = Astro.props
 
-let lightStart = new Color("lab(63 59.32 -1.47)");
-let lightEnd = new Color("lab(33 42.09 -43.19)");
-let lightRange = lightStart.range(lightEnd);
-let darkStart = new Color("lab(81 32.36 -7.02)");
-let darkEnd = new Color("lab(78 19.97 -36.75)");
-let darkRange = darkStart.range(darkEnd);
-let today = new Date();
-let timeSinceFirstPost = (
-  today.valueOf() - new Date(2018, 10, 30).valueOf()
-).valueOf();
-let timeSinceThisPost = (today.valueOf() - new Date(date).valueOf()).valueOf();
-let staleness = timeSinceThisPost / timeSinceFirstPost;
+const lightStart = new Color('lab(63 59.32 -1.47)')
+const lightEnd = new Color('lab(33 42.09 -43.19)')
+const lightRange = lightStart.range(lightEnd)
+const darkStart = new Color('lab(81 32.36 -7.02)')
+const darkEnd = new Color('lab(78 19.97 -36.75)')
+const darkRange = darkStart.range(darkEnd)
+const today = new Date()
+const timeSinceFirstPost = (today.valueOf() - new Date(2018, 10, 30).valueOf()).valueOf()
+const timeSinceThisPost = (today.valueOf() - new Date(date).valueOf()).valueOf()
+const staleness = timeSinceThisPost / timeSinceFirstPost
 ---
 
 <h2
diff --git a/src/content/config.ts b/src/content/config.ts
@@ -1,14 +1,14 @@
-import { z, defineCollection } from "astro:content";
+import { z, defineCollection } from 'astro:content'
 
 const blogCollection = defineCollection({
-  type: "content",
-  schema: z.object({
-    title: z.string(),
-    date: z.string(),
-    spoiler: z.string(),
-  }),
-});
+	type: 'content',
+	schema: z.object({
+		title: z.string(),
+		date: z.string(),
+		spoiler: z.string(),
+	}),
+})
 
 export const collections = {
-  posts: blogCollection,
-};
+	posts: blogCollection,
+}
diff --git a/src/content/posts/a-chain-reaction/components.js b/src/content/posts/a-chain-reaction/components.js
@@ -1 +1 @@
-export { Greeting } from "./greeting";
+export { Greeting } from './greeting'
diff --git a/src/content/posts/the-two-react/components.js b/src/content/posts/the-two-react/components.js
@@ -1,3 +1,3 @@
-export { Counter } from "./counter";
-export { PostList } from "./post-list";
-export { PostPreview } from "./post-preview";
+export { Counter } from './counter'
+export { PostList } from './post-list'
+export { PostPreview } from './post-preview'
diff --git a/src/layouts/blogLayout.astro b/src/layouts/blogLayout.astro
@@ -1,7 +1,7 @@
 ---
-import Layout from "./layout.astro";
-import Header from "@/components/header.astro";
-import HomeLink from "@/components/homeLink.astro";
+import Layout from './layout.astro'
+import Header from '@/components/header.astro'
+import HomeLink from '@/components/homeLink.astro'
 ---
 
 <Layout>
diff --git a/src/layouts/layout.astro b/src/layouts/layout.astro
@@ -1,8 +1,8 @@
 ---
-import "@/styles/globals.css";
-import "@fontsource/merriweather";
-import { ViewTransitions } from "astro:transitions";
-import LoadingIndicator from "astro-loading-indicator/component";
+import '@/styles/globals.css'
+import '@fontsource/merriweather'
+import { ViewTransitions } from 'astro:transitions'
+import LoadingIndicator from 'astro-loading-indicator/component'
 ---
 
 <!doctype html>
diff --git a/src/layouts/pageLayout.astro b/src/layouts/pageLayout.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from "./layout.astro";
-import Header from "@/components/header.astro";
+import Layout from './layout.astro'
+import Header from '@/components/header.astro'
 ---
 
 <Layout>
diff --git a/src/pages/[slug].astro b/src/pages/[slug].astro
@@ -1,36 +1,34 @@
 ---
-import BlogLayout from "@/layouts/blogLayout.astro";
-import "@/styles/markdown.css";
-import type { Frontmatter } from "./types";
-import type { MarkdownInstance } from "astro";
-import fs from "node:fs";
-import { getPostWords, readingTime } from "@/utils/utils";
-import "@fontsource/montserrat/900.css";
+import BlogLayout from '@/layouts/blogLayout.astro'
+import '@/styles/markdown.css'
+import type { Frontmatter } from './types'
+import type { MarkdownInstance } from 'astro'
+import fs from 'node:fs'
+import { getPostWords, readingTime } from '@/utils/utils'
+import '@fontsource/montserrat/900.css'
 
 export async function getStaticPaths() {
-  const posts = (await Astro.glob(
-    "../content/posts/**/*.mdx"
-  )) as MarkdownInstance<Frontmatter>[];
+	const posts = (await Astro.glob('../content/posts/**/*.mdx')) as MarkdownInstance<Frontmatter>[]
 
-  return posts.map((post) => {
-    const fileContent = fs.readFileSync(post.file, { encoding: "utf8" });
+	return posts.map((post) => {
+		const fileContent = fs.readFileSync(post.file, { encoding: 'utf8' })
 
-    return {
-      params: {
-        slug: post.frontmatter.href,
-      },
-      props: {
-        post,
-        fileContent,
-      },
-    };
-  });
+		return {
+			params: {
+				slug: post.frontmatter.href,
+			},
+			props: {
+				post,
+				fileContent,
+			},
+		}
+	})
 }
 
-const { Content, frontmatter } = Astro.props.post;
-const { fileContent } = Astro.props;
-const words = getPostWords(fileContent);
-const readTime = readingTime(words);
+const { Content, frontmatter } = Astro.props.post
+const { fileContent } = Astro.props
+const words = getPostWords(fileContent)
+const readTime = readingTime(words)
 ---
 
 <BlogLayout
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,15 +1,13 @@
 ---
-import Layout from "../layouts/pageLayout.astro";
-import Link from "../components/link.astro";
-import PostTitle from "../components/postTitle.astro";
-import type { Frontmatter } from "./types";
+import Layout from '../layouts/pageLayout.astro'
+import Link from '../components/link.astro'
+import PostTitle from '../components/postTitle.astro'
+import type { Frontmatter } from './types'
 
-const posts = await Astro.glob<Frontmatter>("../content/posts/**/*.mdx");
+const posts = await Astro.glob<Frontmatter>('../content/posts/**/*.mdx')
 posts.sort((a, b) => {
-  return Date.parse(a.frontmatter.date) < Date.parse(b.frontmatter.date)
-    ? 1
-    : -1;
-});
+	return Date.parse(a.frontmatter.date) < Date.parse(b.frontmatter.date) ? 1 : -1
+})
 ---
 
 <Layout>
diff --git a/src/pages/rss.xml.js b/src/pages/rss.xml.js
@@ -1,20 +1,20 @@
-import rss from "@astrojs/rss";
+import rss from '@astrojs/rss'
 
 export async function GET(context) {
-  const postImportResult = import.meta.glob("../content/posts/**/*.mdx", {
-    eager: true,
-  });
-  const posts = Object.values(postImportResult);
+	const postImportResult = import.meta.glob('../content/posts/**/*.mdx', {
+		eager: true,
+	})
+	const posts = Object.values(postImportResult)
 
-  return rss({
-    title: "Dan Blog",
-    description: "Welcome to subscribe to my blog",
-    site: context.site,
-    items: posts.map((post) => ({
-      title: post.frontmatter.title,
-      description: post.frontmatter.spoiler,
-      link: post.frontmatter.href,
-      pubDate: new Date(post.frontmatter.date),
-    })),
-  });
+	return rss({
+		title: 'Dan Blog',
+		description: 'Welcome to subscribe to my blog',
+		site: context.site,
+		items: posts.map((post) => ({
+			title: post.frontmatter.title,
+			description: post.frontmatter.spoiler,
+			link: post.frontmatter.href,
+			pubDate: new Date(post.frontmatter.date),
+		})),
+	})
 }
diff --git a/src/pages/types.ts b/src/pages/types.ts
@@ -1,6 +1,6 @@
 export interface Frontmatter {
-  title: string;
-  date: string;
-  spoiler: string;
-  href: string;
+	title: string
+	date: string
+	spoiler: string
+	href: string
 }
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
@@ -1,12 +1,12 @@
 export function isChinese(value: string) {
-  return /^[\u4e00-\u9fa5]*$/.test(value);
+	return /^[\u4e00-\u9fa5]*$/.test(value)
 }
 
 export function getPostWords(content: string) {
-  return content.split(" ").filter(Boolean).length;
+	return content.split(' ').filter(Boolean).length
 }
 
-const WORDS_PER_MINUTE = 200;
+const WORDS_PER_MINUTE = 200
 export function readingTime(wordsCount: number) {
-  return Math.ceil(wordsCount / WORDS_PER_MINUTE);
+	return Math.ceil(wordsCount / WORDS_PER_MINUTE)
 }

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-export { Greeting } from "./greeting";`
	`1`	`+export { Greeting } from './greeting'`