apps/frontend/src/pages/briefs/latest.vue

<script setup lang="ts">
useSEO({
  title: 'latest report | meridian',
  description:
    'a daily brief of everything important happening that i care about, with actual analysis beyond headlines',
  ogImage: `${useRuntimeConfig().public.WORKER_API}/og/default`,
  ogUrl: `https://news.iliane.xyz/latest`,
});

// redirect to the latest report
const { data: latestSlug, error } = await useFetch('/api/briefs/latest');
if (error.value !== null) {
  throw createError({ statusCode: 500 });
}
if (latestSlug.value !== null) {
  await navigateTo(`/briefs/${latestSlug.value}`);
}
</script>

<template>
  <div>
    <p>Redirecting to the latest report...</p>
  </div>
</template>