@ansidev-oss/vitepress-theme-ansidev 1.0.12 → 1.2.0

package/src/client/styles/blog.css

@@ -0,0 +1,376 @@
+:root {
+  --vp-font-family-base: 'Inter', ui-sans-serif, system-ui, sans-serif;
+  --vp-font-family-mono:
+    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
+  /* Light palette, based on Dracula's Alucard variant */
+  --accent: #644ac9;
+  --accent-soft: #8668e0;
+  --green: #14710a;
+  --vp-c-bg: #fffbeb;
+  --vp-c-bg-alt: #f5f1df;
+  --vp-c-bg-elv: #ece8d3;
+  --vp-c-bg-soft: #f7f3e1;
+  --vp-c-divider: #d9d4bb;
+  --vp-c-gutter: #f5f1df;
+  --vp-c-text-1: #1f1f1f;
+  --vp-c-text-2: #4b4b52;
+  --vp-c-text-3: #6c664b;
+  --vp-c-brand-1: #644ac9;
+  --vp-c-brand-2: #7459d8;
+  --vp-c-brand-3: #644ac9;
+  --vp-c-brand-soft: rgba(100, 74, 201, 0.12);
+  /* theme utilities (link-alt, link) read these Tailwind variables with !important */
+  --color-primary: #644ac9;
+  --color-primary-alt: #4f39a8;
+  --color-primary-alt-dark: #8668e0;
+  --color-secondary: #3b2a8a;
+  --color-secondary-dark: #3b2a8a;
+  /* "Active" status badge: bg-green-100 / text-green-800 in light, swapped in dark */
+  --color-green-100: #d4f2cf;
+  --color-green-800: #14710a;
+}
+
+/* Dracula-inspired dark palette */
+.dark {
+  --accent: #bd93f9;
+  --accent-soft: #d6bcfa;
+  --green: #50fa7b;
+  --color-primary: #9d6ff0;
+  --color-primary-alt: #8a5cd8;
+  --color-primary-alt-dark: #d6bcfa;
+  --color-secondary: #f8f8f2;
+  --color-secondary-dark: #f8f8f2;
+  --color-green-100: #50fa7b;
+  --color-green-800: #1f4d33;
+  --vp-c-bg: #282a36;
+  --vp-c-bg-alt: #21222c;
+  --vp-c-bg-elv: #343746;
+  --vp-c-bg-soft: #2f3241;
+  --vp-c-divider: #44475a;
+  --vp-c-gutter: #21222c;
+  --vp-c-text-1: #f8f8f2;
+  --vp-c-text-2: #b6b8c9;
+  --vp-c-text-3: #8e94b3;
+  --vp-c-brand-1: var(--accent);
+  --vp-c-brand-2: var(--accent);
+  --vp-c-brand-3: #9d6ff0;
+  --vp-c-brand-soft: rgba(189, 147, 249, 0.16);
+}
+
+body {
+  letter-spacing: -0.005em;
+}
+
+/* Nav */
+.VPNav .VPNavBar,
+.VPNavBar .content-body {
+  backdrop-filter: saturate(180%) blur(12px);
+}
+.VPNavBar:not(.has-sidebar):not(.home.top) {
+  background-color: rgba(255, 251, 235, 0.85);
+}
+.dark .VPNavBar:not(.has-sidebar):not(.home.top) {
+  background-color: rgba(40, 42, 54, 0.8);
+}
+
+/* Cards (post list, project cards, term chips) */
+.component-border {
+  background: var(--vp-c-bg-soft);
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 0;
+  transition: none;
+}
+.component-border:hover,
+.component-border:focus-within {
+  border-color: color-mix(in srgb, var(--accent) 55%, transparent);
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--accent) 7%, var(--vp-c-bg-soft)),
+    var(--vp-c-bg-soft)
+  );
+  box-shadow:
+    0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent),
+    0 8px 30px -12px color-mix(in srgb, var(--accent) 45%, transparent);
+}
+
+/* Titles inside cards: neutral text, accent on hover */
+.component-border > .pl-8 a.text-2xl,
+.component-border a.text-2xl {
+  color: var(--vp-c-text-1);
+  font-weight: 600;
+  letter-spacing: -0.02em;
+}
+/* Card hover only glows; the link itself gets its own hover/pressed feedback */
+.component-border a.text-2xl {
+  transition: none;
+}
+.component-border a.text-2xl:hover {
+  color: var(--accent);
+  text-shadow: 0 0 18px color-mix(in srgb, var(--accent) 45%, transparent);
+}
+.component-border a.text-2xl:active {
+  color: var(--accent-soft);
+  text-shadow: none;
+}
+
+/* Date block: mono, muted */
+.component-border .text-6xl {
+  font-family: var(--vp-font-family-mono);
+  font-weight: 500;
+  color: var(--vp-c-text-1);
+  font-size: 2.5rem;
+  line-height: 1;
+}
+
+/* Category / tech chips as pills */
+a.link-alt.uppercase,
+.component-border a.uppercase {
+  display: inline-block;
+  padding: 2px 10px;
+  margin-bottom: 4px;
+  border-radius: 0;
+  border: 1px solid var(--vp-c-divider);
+  background: var(--vp-c-bg-elv);
+  font-size: 0.7rem;
+  font-weight: 500;
+  letter-spacing: 0.04em;
+  transition: none;
+}
+a.link-alt.uppercase:hover {
+  border-color: var(--accent);
+  background: color-mix(in srgb, var(--accent) 16%, var(--vp-c-bg-elv));
+}
+a.link-alt.uppercase:active {
+  background: color-mix(in srgb, var(--accent) 30%, var(--vp-c-bg-elv));
+  transform: translateY(1px);
+}
+
+/* Technology filter buttons on /projects */
+a.component-border {
+  border-radius: 0;
+}
+
+/* Links in content */
+.vp-doc a,
+.vp-doc a:hover {
+  color: var(--vp-c-brand-1);
+  text-decoration: none;
+  font-weight: 500;
+}
+.vp-doc a:hover {
+  color: var(--vp-c-brand-2);
+}
+
+/* No underlines on any link (VitePress adds one to .vp-doc a via its own rules) */
+a,
+a:hover,
+.vp-doc a,
+.vp-doc a:hover,
+.vp-doc .header-anchor {
+  text-decoration: none !important;
+}
+
+/* Post typography */
+.vp-doc h1 {
+  letter-spacing: -0.03em;
+  font-weight: 700;
+}
+.vp-doc h2 {
+  letter-spacing: -0.02em;
+  border-top-color: var(--vp-c-divider);
+}
+.vp-doc p,
+.vp-doc li {
+  line-height: 1.75;
+}
+.vp-doc :not(pre) > code {
+  color: var(--green);
+  font-family: var(--vp-font-family-mono);
+  font-size: 0.85em;
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 0;
+}
+.vp-doc div[class*='language-'] {
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 0;
+}
+
+/* Focus visibility */
+a:focus-visible,
+button:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+  border-radius: 0;
+}
+
+/* Home hero */
+.home-hero {
+  padding: 56px 0 8px;
+}
+.home-hero h1 {
+  margin: 0;
+  font-size: clamp(2rem, 5vw, 3.25rem);
+  line-height: 1.1;
+  font-weight: 700;
+  letter-spacing: -0.04em;
+}
+.home-hero h1 span {
+  background: linear-gradient(
+    90deg,
+    var(--vp-c-text-1),
+    var(--accent-soft) 70%,
+    var(--accent)
+  );
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+.home-hero p {
+  margin: 16px 0 0;
+  max-width: 36rem;
+  color: var(--vp-c-text-2);
+  font-size: 1.1rem;
+  line-height: 1.6;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .component-border,
+  a.link-alt.uppercase {
+    transition: none;
+  }
+}
+
+/* Square corners everywhere (theme uses Tailwind rounded-* utilities) */
+[class*='rounded'],
+.VPNavBarSearchButton,
+.vp-doc [class*='language-'],
+.vp-doc :not(pre) > code,
+.vp-doc img,
+.vp-doc table,
+.custom-block,
+.VPLocalSearchBox .results .result,
+.VPSkipLink,
+.keys,
+button.copy,
+.VPSwitch,
+.VPSwitch .check {
+  border-radius: 0 !important;
+}
+
+/* Technology filter buttons on /projects: roomier horizontal padding */
+p.flex.flex-wrap > a.border.m-1 {
+  padding: 0.25rem 0.875rem;
+  margin: 0.25rem;
+  transition: none;
+}
+p.flex.flex-wrap > a.border.m-1:hover {
+  border-color: var(--accent);
+  background-color: color-mix(in srgb, var(--accent) 14%, transparent);
+}
+
+/* Mobile */
+@media (max-width: 639px) {
+  /* Post cards: stack the date above the title instead of a fixed 80px side column */
+  .component-border.flex:has(> .text-center) {
+    flex-direction: column;
+  }
+  .component-border > .text-center {
+    min-width: 0 !important;
+    display: flex;
+    align-items: baseline;
+    gap: 0.5rem;
+    text-align: left;
+    margin-bottom: 0.5rem;
+  }
+  .component-border > .text-center .text-6xl {
+    font-size: 1.75rem;
+  }
+  .component-border > .pl-8 {
+    padding-left: 0;
+  }
+
+  /* Technology filter: one horizontally scrollable row instead of 40 wrapped buttons */
+  p.flex.flex-wrap:has(> a.border.m-1) {
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    margin-inline: -0.25rem;
+    padding-bottom: 0.25rem;
+  }
+  p.flex.flex-wrap:has(> a.border.m-1)::-webkit-scrollbar {
+    display: none;
+  }
+  p.flex.flex-wrap > a.border.m-1 {
+    flex: 0 0 auto;
+    white-space: nowrap;
+    min-height: 2.25rem;
+    display: inline-flex;
+    align-items: center;
+  }
+
+  /* Tighter gap under page headings (theme adds pt-6 pb-8 + mb-6) */
+  div.pt-6.pb-8 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.5rem;
+  }
+  div.pt-6.pb-8 > h1.mb-6 {
+    margin-bottom: 0.75rem;
+  }
+
+  /* Larger tap targets for category / tech chips */
+  a.link-alt.uppercase,
+  .component-border a.uppercase {
+    padding: 6px 12px;
+    margin-bottom: 6px;
+  }
+}
+
+/* Donation buttons: equal-size slots, even spacing. The theme sets img width/height
+   inline with !important and uses space-y-4 (sidebar) or space-x-4 (home page, wraps
+   unevenly), so reset its margins and size the link box instead. */
+div.flex.flex-wrap.py-4.items-center.justify-center:has(
+    > a[href*='ko-fi.com']
+  ) {
+  gap: 12px;
+}
+div.flex.flex-wrap.py-4.items-center.justify-center:has(> a[href*='ko-fi.com'])
+  > a {
+  margin: 0 !important;
+  width: 200px;
+  height: 56px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+div.flex.flex-wrap.py-4.items-center.justify-center:has(> a[href*='ko-fi.com'])
+  > a
+  img {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+/* Sidebar variant: single column */
+div.flex.flex-wrap.py-4.items-center.justify-center.space-y-4:has(
+    > a[href*='ko-fi.com']
+  ) {
+  flex-direction: column;
+  flex-wrap: nowrap;
+}
+
+/* Footer variant (home page): 2x2 grid of equal slots */
+div.flex.flex-wrap.py-4.items-center.justify-center.space-x-4:has(
+    > a[href*='ko-fi.com']
+  ) {
+  display: grid;
+  grid-template-columns: repeat(2, 168px);
+  justify-content: center;
+  gap: 12px;
+}
+div.flex.flex-wrap.py-4.items-center.justify-center.space-x-4:has(
+    > a[href*='ko-fi.com']
+  )
+  > a {
+  width: 168px;
+  height: 52px;
+}

package/src/client/styles/index.css

@@ -1,30 +1,2 @@
-@import "tailwindcss";
-@variant dark (&:where(.dark, .dark *));
-
-@theme {
-  --color-primary: rgb(59, 130, 246);
-  --color-primary-alt: rgb(29, 78, 216);
-  --color-primary-alt-dark: rgb(147, 197, 253);
-  --color-secondary: rgb(239, 68, 68);
-  --color-secondary-dark: rgb(234, 179, 8);
-}
-
-@utility component-border {
-  @apply border rounded-md border-gray-500 hover:border-secondary dark:hover:border-secondary-dark;
-}
-
-@utility link {
-  @apply no-underline hover:text-secondary dark:hover:text-secondary-dark;
-}
-
-@utility link-alt {
-  @apply text-primary-alt! dark:text-primary-alt-dark! link!;
-}
-
-:root {
-  --vp-c-brand-1: var(--color-primary);
-}
-
-.vp-doc a {
-  @apply link;
-}
+@import './base.css';
+@import './blog.css';

package/src/client/types/index.ts

@@ -37,6 +37,10 @@ export interface Post {
   twitter: string
   url?: string
   date: Date
+  /**
+   * Excerpt rendered as HTML and normalized by the theme's `useExcerptHtml` helper.
+   * Undefined when the post contains no excerpt separator.
+   */
   excerpt: string | undefined
   categories: string[]
   tags: string[]
@@ -54,6 +58,10 @@ export interface Project {
   url: string
   showcaseUrl: string
   repositoryUrl: string
+  /**
+   * Excerpt rendered as HTML and normalized by the theme's `useExcerptHtml` helper.
+   * Undefined when the project contains no excerpt separator.
+   */
   excerpt: string | undefined
   license: string
   licenseUrl: string

package/src/node/composables/excerpt.test.ts

@@ -0,0 +1,88 @@
+import { describe, expect, it } from 'vite-plus/test'
+import { useExcerptHtml } from './excerpt'
+
+describe('useExcerptHtml', () => {
+  it('returns undefined for undefined, empty, and whitespace input', () => {
+    expect(useExcerptHtml(undefined)).toBeUndefined()
+    expect(useExcerptHtml('')).toBeUndefined()
+    expect(useExcerptHtml('   ')).toBeUndefined()
+  })
+
+  it('strips the outer paragraph wrapper from a single raw markdown paragraph', () => {
+    expect(useExcerptHtml('Hello world')).toBe('Hello world')
+    expect(useExcerptHtml('One **bold** link text')).toBe(
+      'One <strong>bold</strong> link text'
+    )
+  })
+
+  it('renders inline markdown links', () => {
+    expect(useExcerptHtml('Read the [docs](https://example.com) here')).toBe(
+      'Read the <a href="https://example.com">docs</a> here'
+    )
+  })
+
+  it('renders inline code', () => {
+    expect(useExcerptHtml('Use `pnpm build` to compile')).toBe(
+      'Use <code>pnpm build</code> to compile'
+    )
+  })
+
+  it('renders multi-paragraph excerpts verbatim', () => {
+    const result = useExcerptHtml('First paragraph.\n\nSecond paragraph.')
+    expect(result).toBe('<p>First paragraph.</p>\n<p>Second paragraph.</p>')
+  })
+
+  it('escapes raw HTML in markdown input', () => {
+    expect(useExcerptHtml('Inspect <script>x</script> carefully')).toBe(
+      'Inspect &lt;script&gt;x&lt;/script&gt; carefully'
+    )
+  })
+
+  it('is idempotent for already-rendered single paragraph excerpts', () => {
+    expect(useExcerptHtml('Some [link](https://example.com)')).toBe(
+      'Some <a href="https://example.com">link</a>'
+    )
+    const rendered = '<p>Already rendered excerpt.</p>\n'
+    expect(useExcerptHtml(rendered)).toBe('Already rendered excerpt.')
+  })
+
+  it('preserves multi-paragraph already-rendered excerpts', () => {
+    expect(useExcerptHtml('<p>First.</p>\n<p>Second.</p>')).toBe(
+      '<p>First.</p>\n<p>Second.</p>'
+    )
+  })
+
+  it('strips script/style/iframe elements from already-rendered excerpts', () => {
+    expect(
+      useExcerptHtml("<p>before<script>alert('xss')</script>after</p>")
+    ).toBe('beforeafter')
+    expect(useExcerptHtml('<p>clean <style>.x{}</style>text</p>')).toBe(
+      'clean text'
+    )
+    expect(
+      useExcerptHtml(
+        '<p>see <iframe src="https://evil.example"></iframe>this</p>'
+      )
+    ).toBe('see this')
+  })
+
+  it('escapes non-block HTML that is not pre-rendered output', () => {
+    // <img>/<a> are not block-level, so they take the markdown-it path and are
+    // escaped (quotes included) rather than sanitized.
+    expect(useExcerptHtml('<img src="x.png" onerror="alert(1)">')).toBe(
+      '&lt;img src=&quot;x.png&quot; onerror=&quot;alert(1)&quot;&gt;'
+    )
+  })
+
+  it('strips event handler attributes from already-rendered excerpts', () => {
+    // Sanitized block HTML keeps its <p> wrapper only when multi-paragraph;
+    // a single-paragraph <p> is unwrapped after sanitizing.
+    expect(useExcerptHtml("<p onclick='alert(1)'>text</p>")).toBe('text')
+  })
+
+  it('neutralizes javascript: URLs in already-rendered excerpts', () => {
+    expect(
+      useExcerptHtml('<p><a href="javascript:alert(1)">click</a></p>')
+    ).toBe('<a>click</a>')
+  })
+})

package/src/node/composables/excerpt.ts

@@ -0,0 +1,57 @@
+import MarkdownItLib from 'markdown-it'
+
+const markdown = new MarkdownItLib({
+  html: false,
+  linkify: true,
+  breaks: false
+})
+
+// Excerpt strings produced by VitePress createContentLoader arrive already
+// rendered as block-level HTML (usually a single "<p>...</p>" wrapper), while
+// excerpts coming from gray-matter / useMarkdownFrontmatter are still raw
+// markdown. Detect the former so we don't double-render (and escape) it.
+const BLOCK_HTML_RE =
+  /^<(?:p|div|ul|ol|dl|h[1-6]|blockquote|pre|table)(?:\s[^>]*)?>/
+
+// VitePress renders createContentLoader excerpts with html enabled, so raw HTML
+// in the source reaches us unescaped. Strip the dangerous subset (elements and
+// event-handler/URL attributes) before the fragment reaches v-html. Safe
+// inline markup (strong, em, code, links, images) is preserved.
+const DANGEROUS_ELEMENT_RE =
+  /<(?:script|style|iframe|object|embed)\b[^>]*>[\s\S]*?<\/(?:script|style|iframe|object|embed)>|<(?:script|style|iframe|object|embed)\b[^>]*\/?>(?:<\/(?:script|style|iframe|object|embed)>)?/gi
+const EVENT_ATTR_RE = /\s+on[a-z]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+))?/gi
+const JS_URL_RE = /\s(?:href|src)\s*=\s*("|')\s*javascript:[^"']*\1/gi
+
+const sanitizeHtml = (html: string): string =>
+  html
+    .replace(DANGEROUS_ELEMENT_RE, '')
+    .replace(EVENT_ATTR_RE, '')
+    .replace(JS_URL_RE, '')
+
+const stripSingleParagraphWrapper = (html: string): string => {
+  if (!html.startsWith('<p>') || !html.endsWith('</p>')) return html
+  const inner = html.slice(3, -4)
+  // Only unwrap when there is exactly one top-level paragraph: if any other
+  // closing paragraph tag remains, the output is multi-paragraph and stays
+  // block-level.
+  if (inner.includes('</p>')) return html
+  return inner
+}
+
+/**
+ * Normalizes a post/project excerpt into safe HTML suitable for v-html.
+ *
+ * Excerpts may originate raw (gray-matter) or pre-rendered (createContentLoader).
+ * Raw input is rendered with markdown-it with html disabled, so inline markdown
+ * (links, emphasis, inline code) works and source HTML is escaped (no injection).
+ * Excess `undefined`/empty input yields undefined.
+ */
+export const useExcerptHtml = (excerpt?: string): string | undefined => {
+  const trimmed = excerpt?.trim()
+  if (!trimmed) return undefined
+
+  const html = BLOCK_HTML_RE.test(trimmed)
+    ? sanitizeHtml(trimmed)
+    : markdown.render(trimmed).trim()
+  return stripSingleParagraphWrapper(html).trim() || undefined
+}

package/src/node/composables/index.ts

@@ -1,3 +1,4 @@
+export * from './excerpt'
 export * from './markdown'
 export * from './route'
 export * from './slug'

package/src/node/composables/markdown.ts

@@ -4,11 +4,17 @@ import { globSync } from 'glob'
 import matter from 'gray-matter'
 import type { Frontmatter, Pattern } from './types'
 
-export const useMarkdownFrontmatter = (pattern: Pattern, excerptSeparator: string = '---'): Array<Frontmatter> => {
+export const useMarkdownFrontmatter = (
+  pattern: Pattern,
+  excerptSeparator: string = '---'
+): Array<Frontmatter> => {
   const files = globSync(pattern, { ignore: ['node_modules/**', '.git/**'] })
   return files.map((file) => {
     const src = fs.readFileSync(resolve(file), 'utf-8')
-    const { data, excerpt } = matter(src, { excerpt: true, excerpt_separator: excerptSeparator })
+    const { data, excerpt } = matter(src, {
+      excerpt: true,
+      excerpt_separator: excerptSeparator
+    })
     return { ...data, excerpt }
   })
 }

package/src/node/composables/route.ts

@@ -4,23 +4,31 @@ import type { Frontmatter, Pattern } from './types'
 export const useMarkdownFrontmatterRoute = (
   pattern: Pattern,
   frontmatterKey: string,
-  excerptSeparator: string = '---',
+  excerptSeparator: string = '---'
 ) => {
   return {
     paths() {
-      return useSlugFromMarkdownFrontMatter(pattern, frontmatterKey, excerptSeparator)
-    },
+      return useSlugFromMarkdownFrontMatter(
+        pattern,
+        frontmatterKey,
+        excerptSeparator
+      )
+    }
   }
 }
 
-export const useArchiveRoute = (pattern: Pattern, excerptSeparator: string = '---') => {
+export const useArchiveRoute = (
+  pattern: Pattern,
+  excerptSeparator: string = '---'
+) => {
   return {
     paths() {
       return useSlugFromMarkdownFrontMatter(
         pattern,
-        (frontmatter: Frontmatter) => new Date(frontmatter.date as string).getFullYear().toString(),
-        excerptSeparator,
+        (frontmatter: Frontmatter) =>
+          new Date(frontmatter.date as string).getFullYear().toString(),
+        excerptSeparator
       )
-    },
+    }
   }
 }

package/src/node/composables/slug.ts

@@ -1,16 +1,22 @@
 import { useSlug } from '../../shared/composables'
 import { useMarkdownFrontmatter } from './markdown'
-import type { Frontmatter, FrontmatterToString, Pattern, StringOrFrontmatterToString } from './types'
+import type {
+  Frontmatter,
+  FrontmatterToString,
+  Pattern,
+  StringOrFrontmatterToString
+} from './types'
 
 export const useSlugFromMarkdownFrontMatter = (
   pattern: Pattern,
   frontmatterKeyOrMappingFn: StringOrFrontmatterToString,
-  excerptSeparator: string = '---',
+  excerptSeparator: string = '---'
 ) => {
   const frontMatters = useMarkdownFrontmatter(pattern, excerptSeparator)
   const _frontmatterMappingFn: FrontmatterToString =
     typeof frontmatterKeyOrMappingFn === 'string'
-      ? (frontMatter: Frontmatter) => frontMatter[frontmatterKeyOrMappingFn] as string
+      ? (frontMatter: Frontmatter) =>
+          frontMatter[frontmatterKeyOrMappingFn] as string
       : frontmatterKeyOrMappingFn
 
   const arr: string[] = frontMatters.flatMap(_frontmatterMappingFn)
@@ -19,7 +25,9 @@ export const useSlugFromMarkdownFrontMatter = (
   const slugs = set.map((str: string) => {
     const slug = useSlug(str)
     if ('index' === slug) {
-      console.warn("[WARN] Generated routes contain the reserved route 'index'.")
+      console.warn(
+        "[WARN] Generated routes contain the reserved route 'index'."
+      )
     }
     return { params: { slug } }
   })