astro.config.mjs

import mdx from '@astrojs/mdx';
import react from '@astrojs/react';
import { defineConfig } from 'astro/config';
import icon from 'astro-icon';
import rehypeAutolinkHeadings from 'rehype-autolink-headings';
import rehypeSlug from 'rehype-slug';
import {
  transformerNotationHighlight,
  transformerNotationWordHighlight,
  transformerNotationDiff,
} from 'shikiji-transformers';

// https://astro.build/config
export default defineConfig({
  integrations: [
    react(),
    mdx({
      rehypePlugins: [
        rehypeSlug,
        [
          rehypeAutolinkHeadings,
          {
            behavior: 'append',
            properties: {
              className: ['linkHeading'],
            },
            content: {
              type: 'element',
              tagName: 'span',
              properties: {
                className: ['linkHeadingIcon'],
              },
              children: [
                {
                  type: 'text',
                  value: '#',
                },
              ],
            },
          },
        ],
      ],
    }),
    icon(),
  ],
  site: 'https://ubie-vitals.github.io',
  vite: {
    ssr: {
      noExternal: ['@ubie/ubie-icons', '@ubie/ubie-ui'],
    },
  },
  markdown: {
    shikiConfig: {
      transformers: [transformerNotationWordHighlight(), transformerNotationHighlight(), transformerNotationDiff()],
    },
  },
});