graham/ghall.space
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prettier config

Browse Source
This commit is contained in:
Graham Hall
2022-12-09 09:24:59 -05:00
parent a1f8b3e91e
commit 28be6d311b
9 changed files with 111 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.prettierrc.json
+3
View File
@@ -0,0 +1,3 @@
{
"plugins": ["./node_modules/prettier-plugin-astro"]
}
package-lock.json
Generated
+11 -7
View File
@@ -12,7 +12,11 @@
"@picocss/pico": "^1.5.6", "@picocss/pico": "^1.5.6",
"astro": "^1.6.13", "astro": "^1.6.13",
"astro-remote": "^0.2.3", "astro-remote": "^0.2.3",
"date-fns": "^2.29.3" "date-fns": "^2.29.3",
"prettier": "^2.8.1"
},
"devDependencies": {
"prettier-plugin-astro": "^0.7.0"
} }
}, },
"node_modules/@ampproject/remapping": { "node_modules/@ampproject/remapping": {
@@ -4258,9 +4262,9 @@
} }
}, },
"node_modules/prettier": { "node_modules/prettier": {
"version": "2.8.0", "version": "2.8.1",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.0.tgz", "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.1.tgz",
"integrity": "sha512-9Lmg8hTFZKG0Asr/kW9Bp8tJjRVluO8EJQVfY2T7FMw9T5jy4I/Uvx0Rca/XWf50QQ1/SS48+6IJWnrb+2yemA==", "integrity": "sha512-lqGoSJBQNJidqCHE80vqZJHWHRFoNYsSpP9AjFhlhi9ODCJA541svILes/+/1GM3VaL/abZi7cpFzOpdR9UPKg==",
"bin": { "bin": {
"prettier": "bin-prettier.js" "prettier": "bin-prettier.js"
}, },
@@ -8504,9 +8508,9 @@
} }
}, },
"prettier": { "prettier": {
"version": "2.8.0", "version": "2.8.1",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.0.tgz", "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.1.tgz",
"integrity": "sha512-9Lmg8hTFZKG0Asr/kW9Bp8tJjRVluO8EJQVfY2T7FMw9T5jy4I/Uvx0Rca/XWf50QQ1/SS48+6IJWnrb+2yemA==" "integrity": "sha512-lqGoSJBQNJidqCHE80vqZJHWHRFoNYsSpP9AjFhlhi9ODCJA541svILes/+/1GM3VaL/abZi7cpFzOpdR9UPKg=="
}, },
"prettier-plugin-astro": { "prettier-plugin-astro": {
"version": "0.7.0", "version": "0.7.0",
package.json
+4
View File
@@ -16,5 +16,9 @@
"astro": "^1.6.13", "astro": "^1.6.13",
"astro-remote": "^0.2.3", "astro-remote": "^0.2.3",
"date-fns": "^2.29.3" "date-fns": "^2.29.3"
},
"devDependencies": {
"prettier": "^2.8.1",
"prettier-plugin-astro": "^0.7.0"
} }
} }
src/components/Footer.astro
+9 -8
View File
@@ -1,12 +1,13 @@
--- ---
--- ---
<footer> <footer>
<p> <p>
Copyright 2022 - <a href="https://ghall.dev">Graham Hall</a> Copyright 2022 - <a href="https://ghall.dev">Graham Hall</a>
</p> </p>
<p> <p>
Built with <a href="https://astro.build">Astro</a> and <a href="https://picocss.com">Pico.css</a> Built with <a href="https://astro.build">Astro</a> and <a
</p> href="https://picocss.com">Pico.css</a
</footer> >
</p>
</footer>
src/components/Header.astro
+16 -17
View File
@@ -1,21 +1,20 @@
--- ---
--- ---
<div> <div>
<nav> <nav>
<ul> <ul>
<li> <li>
<span style={{ fontSize: '1.6rem' }}>Graham Hall</span> <span style={{ fontSize: "1.6rem" }}>Graham Hall</span>
</li> </li>
</ul> </ul>
<ul> <ul>
<li> <li>
<a href="/">📝 Blog</a> <a href="/">📝 Blog</a>
</li> </li>
<li> <li>
<a href="/about">👨‍💻 About</a> <a href="/about">👨‍💻 About</a>
</li> </li>
</ul> </ul>
</nav> </nav>
</div> </div>
src/layouts/Layout.astro
+19 -19
View File
@@ -1,30 +1,30 @@
--- ---
import '@picocss/pico' import "@picocss/pico";
import Header from '../components/Header.astro' import Header from "../components/Header.astro";
import Footer from '../components/Footer.astro' import Footer from "../components/Footer.astro";
export interface Props { export interface Props {
title: string; title: string;
} }
const title = Astro.props.frontmatter ? Astro.props.frontmatter.title : Astro.props.title; const title = Astro.props.frontmatter
? Astro.props.frontmatter.title
: Astro.props.title;
--- ---
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>{title}</title> <title>{title}</title>
</head> </head>
<body class="container"> <body class="container">
<Header /> <Header />
<slot /> <slot />
<Footer /> <Footer />
</body> </body>
</html> </html>
src/pages/about.md
+1 -1
View File
@@ -1,6 +1,6 @@
--- ---
layout: ../layouts/Layout.astro layout: ../layouts/Layout.astro
title: 'About' title: "About"
--- ---
## Hello World! ## Hello World!
src/pages/index.astro
+29 -17
View File
@@ -1,26 +1,38 @@
--- ---
import { format } from 'date-fns'; import { format } from "date-fns";
import { Markup } from 'astro-remote'; import { Markup } from "astro-remote";
import Layout from '../layouts/Layout.astro'; import Layout from "../layouts/Layout.astro";
const response = await fetch(`https://api.cosmicjs.com/v2/buckets/${import.meta.env.BUCKET_SLUG}/objects?pretty=true&query=%7B%22type%22%3A%22blog-posts%22%7D&read_key=${import.meta.env.BUCKET_READ_KEY}&limit=10`) const response = await fetch(
`https://api.cosmicjs.com/v2/buckets/${
import.meta.env.BUCKET_SLUG
}/objects?pretty=true&query=%7B%22type%22%3A%22blog-posts%22%7D&read_key=${
import.meta.env.BUCKET_READ_KEY
}&limit=10`
);
const posts = await response.json(); const posts = await response.json();
--- ---
<Layout title="Blog"> <Layout title="Blog">
<div> <div>
{posts.objects.map(post => ( {
<article> posts.objects.map((post) => (
<div style={{display: 'flex', justifyContent: 'space-between'}}> <article>
<h4>{post.title}</h4> <div>
<h5>{`🗓️ ${format(new Date(post.published_at), 'MMM do, y')}`}</h5> <div style={{ display: "flex", justifyContent: "space-between" }}>
</div> <h4>{post.title}</h4>
<Markup content={`<p>${post.content.split('</p>')[0]}`} /> <h5>{`🗓️ ${format(
<a href={`/posts/${post.slug}`}>Read More</a> new Date(post.published_at),
</article> "MMM do, y"
))} )}`}</h5>
</div> </div>
<Markup content={`<p>${post.content.split("</p>")[0]}`} />
<a href={`/posts/${post.slug}`}>Read More</a>
</div>
</article>
))
}
</div>
</Layout> </Layout>
src/pages/posts/[slug].astro
+19 -13
View File
@@ -1,23 +1,29 @@
--- ---
import { format } from 'date-fns'; import { format } from "date-fns";
import { Markup } from 'astro-remote'; import { Markup } from "astro-remote";
import Layout from '../../layouts/Layout.astro'; import Layout from "../../layouts/Layout.astro";
const { slug } = Astro.params; const { slug } = Astro.params;
const response = await fetch(`https://api.cosmicjs.com/v2/buckets/${import.meta.env.BUCKET_SLUG}/objects?pretty=true&query=%7B%22type%22%3A%22blog-posts%22%7D&read_key=${import.meta.env.BUCKET_READ_KEY}&limit=20&slug=${slug}`) const response = await fetch(
`https://api.cosmicjs.com/v2/buckets/${
import.meta.env.BUCKET_SLUG
}/objects?pretty=true&query=%7B%22type%22%3A%22blog-posts%22%7D&read_key=${
import.meta.env.BUCKET_READ_KEY
}&limit=20&slug=${slug}`
);
const posts = await response.json(); const posts = await response.json();
const post = posts.objects[0]; const post = posts.objects[0];
--- ---
<Layout title={post.title}> <Layout title={post.title}>
<article> <article>
<div style={{display: 'flex', justifyContent: 'space-between'}}> <div style={{ display: "flex", justifyContent: "space-between" }}>
<h4>{post.title}</h4> <h4>{post.title}</h4>
<h5>{`🗓️ ${format(new Date(post.published_at), 'MMM do, y')}`}</h5> <h5>{`🗓️ ${format(new Date(post.published_at), "MMM do, y")}`}</h5>
</div> </div>
<Markup content={post.content} /> <Markup content={post.content} />
</article> </article>
</Layout> </Layout>