scully.scully-mermaid.config.ts

import { ScullyConfig, setPluginConfig } from '@scullyio/scully';
import {
  getMermaidPlugin,
  MermaidPluginName,
  MermaidPluginConfig,
} from './dist/scully-plugin-mermaid';

/**
 * configuration for the mermaid plugin
 */
const mermaidOptions: MermaidPluginConfig = {
  config: { theme: 'dark' },
  wrapper: {
    tagName: 'div',
    classNames: ['wrapper', 'mermaid-image'],
  },
};
const MermaidPlugin = getMermaidPlugin();
setPluginConfig(MermaidPlugin, mermaidOptions);

export const config: ScullyConfig = {
  projectRoot: './src',
  projectName: 'scully-mermaid',
  outDir: './dist/static',
  routes: {
    '/blog/:slug': {
      type: 'contentFolder',
      postRenderers: [MermaidPluginName],
      slug: {
        folder: './blog',
      },
    },
  },
};