Function setup

modules/blog.ts:157–224

()

    name: 'blog',
  },
  async setup() {
    const nuxt = useNuxt()
    const resolver = createResolver(import.meta.url)
    const blogDir = resolver.resolve('../app/pages/blog')
    const blogImagesDir = resolver.resolve('../public/blog/avatar')
    const resolveAvatars = !nuxt.options._prepare

    nuxt.options.extensions.push('.md')
    nuxt.options.vite.vue = defu(nuxt.options.vite.vue, {
      include: [/\.vue($|\?)/, /\.(md|markdown)($|\?)/],
    })

    if (resolveAvatars && !existsSync(blogImagesDir)) {
      await mkdir(blogImagesDir, { recursive: true })
    }

    addVitePlugin(() =>
      Markdown({
        include: [/\.(md|markdown)($|\?)/],
        wrapperComponent: 'BlogPostWrapper',
        wrapperClasses: 'text-fg-muted leading-relaxed',
        async markdownSetup(md) {
          md.use(
            await shiki({
              themes: {
                dark: 'github-dark',
                light: 'github-light',
              },
            }),
          )
          md.use(MarkdownItAnchor as any)
        },
      }),
    )

    // Load posts once with resolved Bluesky avatars (shared across template + route rules)
    const allPosts = await loadBlogPosts(blogDir, {
      imagesDir: blogImagesDir,
      resolveAvatars,
    })

    // Expose frontmatter for the `/blog` listing page.
    const showDrafts = nuxt.options.dev || !isProduction
    addTemplate({
      filename: 'blog/posts.ts',
      write: true,
      getContents: () => {
        const posts = allPosts.filter(p => showDrafts || !p.draft)
        return [
          `import type { BlogPostFrontmatter } from '#shared/schemas/blog'`,
          ``,
          `export const posts: BlogPostFrontmatter[] = ${JSON.stringify(posts, null, 2)}`,
        ].join('\n')
      },
    })

    nuxt.options.alias['#blog/posts'] = join(nuxt.options.buildDir, 'blog/posts')