Updated to Astro 4

astro.config.mjs

@@ -1,6 +1,9 @@
 import { defineConfig } from 'astro/config'
 import svelte from '@astrojs/svelte'
 import mdx from '@astrojs/mdx'
+import remarkGfm from 'remark-gfm'
+import remarkSmartypants from 'remark-smartypants'
+import rehypeExternalLinks from 'rehype-external-links'
 
 // https://astro.build/config
 export default defineConfig({
@@ -10,10 +13,10 @@ export default defineConfig({
     shikiConfig: {
       theme: 'nord',
     },
-    remarkPlugins: ['remark-gfm', 'remark-smartypants'],
+    remarkPlugins: [remarkGfm, remarkSmartypants],
     rehypePlugins: [
       [
-        'rehype-external-links',
+        rehypeExternalLinks,
         {
           target: '_blank',
         },

package.json

@@ -10,10 +10,12 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/mdx": "^1.1.0",
-    "@astrojs/svelte": "^4.0.2",
-    "astro": "^3.2.2",
+    "@astrojs/mdx": "^2.0.0",
+    "@astrojs/svelte": "^5.0.0",
+    "astro": "^4.0.1",
     "reading-time": "^1.5.0",
-    "rehype-external-links": "^3.0.0"
+    "rehype-external-links": "^3.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-smartypants": "^2.0.0"
   }
 }

src/data/blog-posts/markdown-test.md

@@ -200,3 +200,5 @@ Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip
 <iframe width="100%" height="400" src="https://www.youtube.com/embed/PCp2iXA1uLE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
 Reprehenderit non eu quis in ad elit esse qui aute id [incididunt](#) dolore cillum. Esse laboris consequat dolor anim exercitation tempor aliqua deserunt velit magna laboris. Culpa culpa minim duis amet mollit do quis amet commodo nulla irure.
+
+[Hello World](/blog/hello-world)