website/vite-plugin-markdown.ts
2026-03-18 13:17:33 -07:00

32 lines
1,000 B
TypeScript

import fs from "node:fs";
import path from "node:path";
import matter from "gray-matter";
import { marked } from "marked";
import type { Plugin } from "vite";
export default function markdownPlugin(): Plugin {
const virtualModuleId = "virtual:projects";
const resolvedId = "\0" + virtualModuleId;
const projectsDir = path.resolve("src/content/projects");
return {
name: "vite-plugin-markdown",
resolveId(id) {
if (id === virtualModuleId) return resolvedId;
},
load(id) {
if (id !== resolvedId) return;
const files = fs.readdirSync(projectsDir).filter((f) => f.endsWith(".md"));
const projects = files.map((file) => {
const raw = fs.readFileSync(path.join(projectsDir, file), "utf-8");
const { data, content } = matter(raw);
const html = marked(content);
const slug = file.replace(".md", "");
return { slug, ...data, html };
});
return `export default ${JSON.stringify(projects)};`;
},
};
}