-
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 67880bd..f3d280d 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -1,5 +1,7 @@
---
import { getCollection, render } from "astro:content";
+import Layout from "../../layouts/Layout.astro";
+import dayjs from "dayjs";
// 1. Generate a new path for every collection entry
export async function getStaticPaths() {
const posts = await getCollection("blog");
@@ -13,5 +15,19 @@ const { post } = Astro.props;
const { Content } = await render(post);
---
-
{post.data.title}
-
+
+
+
+
{post.data.title}
+
+ {dayjs(post.data.published).format("MMMM DD, YYYY")}
+
+
+
+
+
+
+
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 19f0614..2e9b1f7 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -1,8 +1,8 @@
/** @type {import('tailwindcss').Config} */
export default {
- content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
- theme: {
- extend: {},
- },
- plugins: [],
-}
+ content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
+ theme: {
+ extend: {},
+ },
+ plugins: [require("@tailwindcss/typography")],
+};
+
+ 
