import type { PageServerLoad } from './$types';
import { loadPostsList } from '$lib/blog-utils';
import { warmPostCardImages } from '$lib/rusty-image.server';
import { t, T } from '$lib/translations';

export const load: PageServerLoad = async ({ locals, fetch }) => {
  const translations = locals.translations ?? {};
  const result = await loadPostsList({ page: 1 });

  warmPostCardImages(
    result.posts as Array<{ _rawImageUrl?: string; _imageFocal?: { x: number; y: number } | null }>,
    fetch,
  );

  return {
    ...result,
    translations,
    seoTitle: `${t(translations, T.posts_title)} – Aktuelles`,
    seoDescription: 'Übersicht aller Beiträge und Meldungen.',
    breadcrumbItems: [
      { href: '/', label: t(translations, T.nav_start) },
      { label: t(translations, T.nav_posts) },
    ],
  };
};