astro.config.mjs

import { starlightAsides } from "/src/plugins/asides.ts";
import removeH1 from "/src/plugins/removeH1.ts";
import mdx from "@astrojs/mdx";
import sitemap from "@astrojs/sitemap";
import svelte from "@astrojs/svelte";
import tailwind from "@astrojs/tailwind";
import vercel from "@astrojs/vercel/serverless";
import expressiveCode from "astro-expressive-code";
import { defineConfig } from "astro/config";
import Icons from "unplugin-icons/vite";

// https://astro.build/config
export default defineConfig({
  site: "https://elotoja.com",
  output: "hybrid",
  adapter: vercel({
    webAnalytics: {
      enabled: true,
    },
    imageService: true,
  }),
  vite: {
    plugins: [
      Icons({
        compiler: "astro",
        defaultStyle: "font-size: 2em",
        defaultClass: "hover:text-accent",
      }),
    ],
  },
  integrations: [
    svelte(),
    tailwind({
      applyBaseStyles: false,
    }),
    expressiveCode({
      themes: ["github-dark", "github-light"],
      themeCssSelector: theme => `[data-theme='${theme.type}']`,
      defaultProps: {
        wrap: true,
        overridesByLang: {
          "bash,ps,sh": {
            preserveIndent: false,
          },
        },
      },
    }),
    mdx(),
    sitemap(),
  ],
  markdown: {
    remarkPlugins: [removeH1, ...starlightAsides()],
  },
});