astro.config.mjs

import { defineConfig } from "astro/config";
import tailwind from "@astrojs/tailwind";
import react from "@astrojs/react";
import starlight from "@astrojs/starlight";

import mdx from "@astrojs/mdx";
import rehypeSlug from "rehype-slug";
import rehypeAutolinkHeadings from "rehype-autolink-headings";

import helpCenterSidebar from "./src/config/helpCenter";

// https://astro.build/config
export default defineConfig({
  site: "https://operately.com",
  integrations: [
    tailwind(),
    react(),
    starlight(helpCenterSidebar()),
    mdx({
      remarkPlugins: [],
      rehypePlugins: [
        rehypeSlug,
        [
          rehypeAutolinkHeadings,
          {
            behavior: "append",
            properties: {
              className: ["anchor-link"],
            },
            content: [
              {
                type: "element",
                tagName: "span",
                properties: { className: ["hash-symbol"] },
                children: [{ type: "text", value: "#" }],
              },
            ],
            test: (node) => node.tagName !== "h1",
          },
        ],
      ],
      shikiConfig: {
        // available themes: https://shiki.matsu.io/themes
        theme: "one-dark-pro",
      },
    }),
  ],
  vite: {
    resolve: {
      alias: {
        "@": "/src",
        "@components": "/src/components",
      },
    },
  },
});