switch from yaml to gray-matter

.vitepress/config.ts

@@ -1,7 +1,7 @@
 import { defineConfig } from "vitepress";
 import { readdirSync, readFileSync, statSync } from "fs";
 import { join, sep } from "path";
-import { parse } from "yaml";
+import matter from "gray-matter";
 import { fileURLToPath } from "url";
 import metaTags from "./meta";
 
@@ -31,7 +31,7 @@ function computeBars() {
 			const file = readFileSync(fileName, { encoding: "utf8" });
 			const name = fileName.replace(process.cwd(), "").replace(".md", "");
 			// parse yaml frontmatter into object
-			const frontmatter = parse(file.split(/---|___|\*\*\*/g)[1]);
+			const frontmatter = matter(file).data;
 			return {
 				frontmatter,
 				text: frontmatter.title,
@@ -45,7 +45,7 @@ function computeBars() {
 			const category = cur.frontmatter.type;
 
 			// delete because unused
-			delete cur.frontmatter;
+			delete (cur as any).frontmatter;
 
 			// because this isn't just an object with the names as keys we need to search
 			const found = acc.findIndex((v) => v.text === category);

package.json

@@ -9,8 +9,11 @@
 		"preview": "vitepress preview"
 	},
 	"dependencies": {
+		"gray-matter": "^4.0.3",
 		"vitepress": "^1.2.2",
-		"vue": "^3.4.27",
-		"yaml": "^2.4.2"
+		"vue": "^3.4.27"
+	},
+	"devDependencies": {
+		"@types/node": "^20.14.2"
 	}
 }