Guides and architecture

import { defineCollection } from 'astro:content';
import { glob } from 'astro/loaders';
import { z } from 'astro/zod';

export const docs = defineCollection({
  loader: glob({ pattern: '**/[^_]*.md', base: './src/content/docs' }),
  schema: z.object({
    title: z.string().min(1),
    description: z.string(),
    category: z.string(),
    order: z.number().default(100),
    draft: z.boolean().default(false),
  }),
});

export function initFilter(): void {
  const root = document.querySelector<HTMLElement>('[data-filter]');
  const input = root?.querySelector<HTMLInputElement>('[data-filter-input]');
  const items = document.querySelectorAll<HTMLElement>('[data-filter-item]');

  input?.addEventListener('input', () => {
    const words = input.value.toLowerCase().split(/\s+/).filter(Boolean);
    items.forEach((item) => {
      const text = (item.dataset.filterText ?? '').toLowerCase();
      item.hidden = !words.every((word) => text.includes(word));
    });
  });
}

export const themeConfig: ThemeConfig = {
  preset: 'nightgrid',
  borders: 'preset',
  radius: 'preset',
  buttonShape: 'preset',
  colors: {
    primary: 'preset',
    background: 'preset',
  },
  glow: 'preset',
  typography: 'preset',
};