chore: update astro to latest version (#354)

Author: davidhu2000

.gitignore

@@ -1,5 +1,6 @@
 # build output
 dist/
+.astro
 
 # dependencies
 node_modules/

.vscode/settings.json

@@ -20,6 +20,6 @@
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[astro]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "astro-build.astro-vscode"
   }
 }

astro.config.mjs

@@ -9,10 +9,10 @@ import { remarkReadingTime } from "./plugins/remark-reading-time.mjs";
 
 /** @type {import('rehype-pretty-code').Options} */
 const options = {
-  theme: {
-    dark: "github-dark",
-    light: "min-light",
-  },
+  // theme: {
+  //   dark: "github-dark",
+  //   light: "min-light",
+  // },
   keepBackground: false,
   onVisitLine(node) {
     // Prevent lines from collapsing in `display: grid` mode, and

package.json

@@ -11,22 +11,25 @@
     "ui": "yarn upgrade-interactive"
   },
   "devDependencies": {
-    "@astrojs/mdx": "^1.1.0",
-    "@astrojs/prefetch": "^0.4.0",
-    "@astrojs/rss": "^3.0.0",
-    "@astrojs/sitemap": "^3.0.0",
-    "@astrojs/tailwind": "^5.0.0",
+    "@astrojs/mdx": "4.2.4",
+    "@astrojs/prefetch": "0.4.1",
+    "@astrojs/rss": "4.0.11",
+    "@astrojs/sitemap": "3.3.0",
+    "@astrojs/tailwind": "6.0.2",
     "@tailwindcss/typography": "^0.5.10",
-    "astro": "^3.1.2",
+    "astro": "5.6.2",
     "astro-icon": "^0.8.1",
     "cypress": "^14.3.0",
     "mdast-util-to-string": "^4.0.0",
     "prettier": "^3.5.3",
     "reading-time": "^1.5.0",
-    "rehype-pretty-code": "^0.10.1",
+    "rehype-pretty-code": "^0.14.1",
     "sharp": "^0.34.1",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.8.3"
   },
-  "packageManager": "yarn@3.6.3"
+  "packageManager": "yarn@3.6.3",
+  "dependencies": {
+    "shiki": "^3.2.2"
+  }
 }

src/layouts/BlogPost.astro

@@ -11,7 +11,7 @@ interface Props {
 }
 
 const {
-  content: { title, description, pubDate, heroImage, heroImageMetadata, url, readingTime, file, tags },
+  content: { title, description, pubDate, heroImage, url, readingTime, file, tags },
 } = Astro.props as Props;
 
 const tweetLink = `https://twitter.com/intent/tweet?url=
@@ -31,6 +31,14 @@ const currentPostIndex = posts.findIndex(
 posts.splice(currentPostIndex, 1);
 
 const otherPosts = posts.slice(-3);
+
+const images = import.meta.glob("../assets/blog/**/*", {
+  eager: true,
+});
+
+const image = images[heroImage] as { default: ImageMetadata };
+
+const heroImageMetadata = image.default as ImageMetadata;
 ---
 
 <PageLayout meta={{ title, description, image: heroImage }}>