minhtran_dev/app.config.ts

import { defineConfig } from "@solidjs/start/config";
import pkg from "@vinxi/plugin-mdx";
import tailwindcss from "@tailwindcss/vite";
import rehypePrismPlus from "rehype-prism-plus";
import rehypeMdxCodeProps from "rehype-mdx-code-props";
import remarkFrontmatter from "remark-frontmatter";
import { blogPostsPlugin } from "./build-helpers/blogPostsPlugin";

const { default: mdx } = pkg;

export default defineConfig({
	server: {
		preset: "static",
	},
	extensions: ["mdx", "md"],
	vite: () => ({
		plugins: [
			tailwindcss(),
			blogPostsPlugin(),
			mdx.withImports({})({
				jsx: true,
				jsxImportSource: "solid-js",
				providerImportSource: "solid-mdx",
				remarkPlugins: [remarkFrontmatter],
				rehypePlugins: [
					[rehypePrismPlus, { ignoreMissing: true }],
					rehypeMdxCodeProps,
				],
			}),
		],
	}),
});