astro.config.mjs

import { defineConfig } from 'astro/config';
import starlight from '@astrojs/starlight';
import playformCompress from '@playform/compress';
import starlightImageZoom from 'starlight-image-zoom';
import tailwind from '@astrojs/tailwind';
import { sidebar } from './list_sidebar';
import starlightLinksValidator from 'starlight-links-validator';
import { getConfig } from './config';

const config = getConfig();

// https://astro.build/config
export default defineConfig({
  site: config.site,
  integrations: [
    starlight({
      title: config.title,
      customCss: ['./src/tailwind.css'],
      favicon: '/favicon.png',
      logo: {
        src: './src/assets/logo.png',
        replacesTitle: false
      },
      editLink: {
        baseUrl: config.github_edit_base
      },
      social: {
        github: config.link_github,
        discord: config.link_github
      },
      tableOfContents: {
        minHeadingLevel: 2,
        maxHeadingLevel: 3
      },
      credits: false,
      plugins: [starlightImageZoom(), starlightLinksValidator()],
      sidebar: sidebar,
      customCss: ['./src/styles/tailwind.css'],
      components: {
        Head: './src/components/Head.astro',
        Sidebar: './src/components/Sidebar.astro'
      },
      head: [
        {
          tag: 'meta',
          attributes: {
            name: 'theme-color',
            content: '#8467b6'
          }
        }
      ]
    }),
    tailwind({ applyBaseStyles: false }),
    playformCompress()
  ]
});