fix: correctly render markdown

Author: ringoldsdev

.prettierrc

@@ -1,5 +1,5 @@
 {
-  "plugins": ["prettier-plugin-tailwindcss"],
-  "singleQuote": false,
-  "useTabs": true
+	"plugins": ["prettier-plugin-tailwindcss"],
+	"singleQuote": false,
+	"useTabs": true
 }

.vscode/extensions.json

@@ -1,8 +1,8 @@
 {
-  "recommendations": [
-    "astro-build.astro-vscode",
-    "bradlc.vscode-tailwindcss",
-    "esbenp.prettier-vscode"
-  ],
-  "unwantedRecommendations": []
+	"recommendations": [
+		"astro-build.astro-vscode",
+		"bradlc.vscode-tailwindcss",
+		"esbenp.prettier-vscode"
+	],
+	"unwantedRecommendations": []
 }

.vscode/launch.json

@@ -1,11 +1,11 @@
 {
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "command": "./node_modules/.bin/astro dev",
-      "name": "Development server",
-      "request": "launch",
-      "type": "node-terminal"
-    }
-  ]
+	"version": "0.2.0",
+	"configurations": [
+		{
+			"command": "./node_modules/.bin/astro dev",
+			"name": "Development server",
+			"request": "launch",
+			"type": "node-terminal"
+		}
+	]
 }

astro.config.mjs

@@ -8,9 +8,14 @@ import partytown from "@astrojs/partytown";
 
 import sitemap from "@astrojs/sitemap";
 
+import remarkToc from "remark-toc";
+import rehypeSlug from "rehype-slug";
+import rehypeAutolinkHeadings from "rehype-autolink-headings";
+
 // https://astro.build/config
 export default defineConfig({
 	site: "https://ringoldsdev.github.io/",
+	prefetch: true,
 	integrations: [
 		alpinejs({ entrypoint: "/src/entrypoint.ts" }),
 		mdx(),
@@ -20,4 +25,11 @@ export default defineConfig({
 	vite: {
 		plugins: [tailwindcss()],
 	},
+	markdown: {
+		remarkPlugins: [[remarkToc, { heading: "contents" }]],
+		rehypePlugins: [
+			rehypeSlug,
+			[rehypeAutolinkHeadings, { behavior: "append" }],
+		],
+	},
 });

package.json

@@ -1,30 +1,33 @@
 {
-  "name": "ringolds.dev",
-  "type": "module",
-  "version": "0.0.1",
-  "scripts": {
-    "dev": "astro dev",
-    "build": "astro build",
-    "preview": "astro preview",
-    "astro": "astro",
-    "format": "prettier --write ."
-  },
-  "dependencies": {
-    "@alpinejs/intersect": "^3.14.9",
-    "@astrojs/alpinejs": "^0.4.8",
-    "@astrojs/mdx": "^4.2.6",
-    "@astrojs/partytown": "^2.1.4",
-    "@astrojs/rss": "^4.0.11",
-    "@astrojs/sitemap": "^3.3.1",
-    "alpinejs": "^3.14.9",
-    "astro": "^5.7.12",
-    "tailwindcss": "^4.1.5"
-  },
-  "devDependencies": {
-    "@tailwindcss/vite": "^4.1.5",
-    "@types/alpinejs": "^3.13.11",
-    "@types/alpinejs__intersect": "^3.13.4",
-    "prettier": "^3.5.3",
-    "prettier-plugin-tailwindcss": "^0.6.11"
-  }
+	"name": "ringolds.dev",
+	"type": "module",
+	"version": "0.0.1",
+	"scripts": {
+		"dev": "astro dev",
+		"build": "astro build",
+		"preview": "astro preview",
+		"astro": "astro",
+		"format": "prettier --write ."
+	},
+	"dependencies": {
+		"@alpinejs/intersect": "^3.14.9",
+		"@astrojs/alpinejs": "^0.4.8",
+		"@astrojs/mdx": "^4.2.6",
+		"@astrojs/partytown": "^2.1.4",
+		"@astrojs/rss": "^4.0.11",
+		"@astrojs/sitemap": "^3.3.1",
+		"alpinejs": "^3.14.9",
+		"astro": "^5.7.12",
+		"rehype-autolink-headings": "^7.1.0",
+		"rehype-slug": "^6.0.0",
+		"remark-toc": "^9.0.0",
+		"tailwindcss": "^4.1.5"
+	},
+	"devDependencies": {
+		"@tailwindcss/vite": "^4.1.5",
+		"@types/alpinejs": "^3.13.11",
+		"@types/alpinejs__intersect": "^3.13.4",
+		"prettier": "^3.5.3",
+		"prettier-plugin-tailwindcss": "^0.6.11"
+	}
 }