Repository: mermaid-js/mermaid
File: packages/mermaid/src/docs/.vitepress/config.ts (TypeScript)

Code before:
    ['meta', { property: 'og:title', content: 'Mermaid' }],
    [
      'meta',
      {
        property: 'og:description',
        content: 'Create diagrams and visualizations using text and code.',
      },
    ],
    ['meta', { property: 'og:type', content: 'website' }],
    ['meta', { property: 'og:url', content: 'https://mermaid.js.org' }],
    [
      'meta',
      { property: 'og:image', content: 'https://mermaid.js.org/mermaid-logo-horizontal.svg' },
    ],
    [
      'script',
      {
        defer: 'true',
        'data-domain': 'mermaid.js.org',
        // All tracked stats are public and available at https://p.mermaid.live/mermaid.js.org
        src: 'https://p.mermaid.live/js/script.tagged-events.outbound-links.js',
      },
    ],
  ],
  themeConfig: {
    logo: getHeaderLogo(docsHostname()),
    nav: nav(),
    editLink: {
      pattern: ({ filePath, frontmatter }) => {
        if (typeof frontmatter.editLink === 'string') {
          return frontmatter.editLink;
        }
        return `https://github.com/mermaid-js/mermaid/edit/develop/packages/mermaid/src/docs/${filePath}`;
      },
      text: 'Edit this page on GitHub',
    },
    sidebar: {
      '/': sidebarAll(),
    },
    outline: {
      level: 'deep',
    },
    socialLinks: [
      { icon: 'github', link: 'https://github.com/mermaid-js/mermaid' },
      {
        icon: 'discord',
        link: 'https://discord.gg/sKeNQX4Wtj',
      },
      {
        icon: {
          svg: '<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 490.16 490.16"><defs><mask id="Mask"><rect x="0" y="0" width="490.16" height="490.16" fill="white" /><path fill="black" d="M407.48,111.18A165.2,165.2,0,0,0,245.08,220,165.2,165.2,0,0,0,82.68,111.18a165.5,165.5,0,0,0,72.06,143.64,88.81,88.81,0,0,1,38.53,73.45v50.86H296.9V328.27a88.8,88.8,0,0,1,38.52-73.45,165.41,165.41,0,0,0,72.06-143.64Z"/><path fill="black" d="M160.63,328.27a56.09,56.09,0,0,0-24.27-46.49,198.74,198.74,0,0,1-28.54-23.66A196.87,196.87,0,0,1,82.53,227V379.13h78.1Z"/><path fill="black" d="M329.53,328.27a56.09,56.09,0,0,1,24.27-46.49,198.74,198.74,0,0,0,28.54-23.66A196.87,196.87,0,0,0,407.63,227V379.13h-78.1Z"/></mask><style>.cls-1{fill:#76767B;}.cls-1:hover{fill:#FF3570}</style></defs><rect class="cls-1" width="490.16" height="490.16" rx="84.61" mask="url(#Mask)" /></svg>',

Review comment (suggestion):
The PR description states that the logo link should also be customized (linking to `https://mermaid.ai` for non-mermaid.js.org domains), but only the logo image is being customized. VitePress supports a `logoLink` property in themeConfig that should be set conditionally based on the hostname. Consider adding a `getHeaderLogoLink()` function in `headerDomainRules.ts` that returns `/` for mermaid.js.org and `https://mermaid.ai` for other domains, then set `logoLink: getHeaderLogoLink(docsHostname())` in the themeConfig.
```suggestion
    logo: getHeaderLogo(docsHostname()),
    logoLink: docsHostname() === 'mermaid.js.org' ? '/' : 'https://mermaid.ai',
```

Code after:
    ['meta', { property: 'og:title', content: 'Mermaid' }],
    [
      'meta',
      {
        property: 'og:description',
        content: 'Create diagrams and visualizations using text and code.',
      },
    ],
    ['meta', { property: 'og:type', content: 'website' }],
    ['meta', { property: 'og:url', content: 'https://mermaid.js.org' }],
    [
      'meta',
      { property: 'og:image', content: 'https://mermaid.js.org/mermaid-logo-horizontal.svg' },
    ],
    [
      'script',
      {
        defer: 'true',
        'data-domain': 'mermaid.js.org',
        // All tracked stats are public and available at https://p.mermaid.live/mermaid.js.org
        src: 'https://p.mermaid.live/js/script.tagged-events.outbound-links.js',
      },
    ],
  ],
  themeConfig: {
    logo: getHeaderLogo(docsHostname()),
    logoLink: getHeaderLogoLink(docsHostname()),
    nav: nav(),
    editLink: {
      pattern: ({ filePath, frontmatter }) => {
        if (typeof frontmatter.editLink === 'string') {
          return frontmatter.editLink;
        }
        return `https://github.com/mermaid-js/mermaid/edit/develop/packages/mermaid/src/docs/${filePath}`;
      },
      text: 'Edit this page on GitHub',
    },
    sidebar: {
      '/': sidebarAll(),
    },
    outline: {
      level: 'deep',
    },
    socialLinks: [
      { icon: 'github', link: 'https://github.com/mermaid-js/mermaid' },
      {
        icon: 'discord',
        link: 'https://discord.gg/sKeNQX4Wtj',
      },
      {
        icon: {