feat: defineStudioMeta prop and slot annotations

[hendrikheil]

Caution

This is very early stage, and primarily serves a PoC for things to come.

Adds a defineStudioMeta compiler macro (via nuxt-component-meta #116) to annotate component props and slots for the Studio editor, plus typed helpers under nuxt-studio/component-meta and a new collection reference input (single + multiple).

<script setup lang="ts">
import { defineStudioMeta, ui, media, icon, select, collectionItem, hidden } from 'nuxt-studio/component-meta'

defineStudioMeta({
  props: {
    cover: ui({ label: 'Cover image', type: media() }),
    author: collectionItem({ collection: 'authors', field: 'stem' }),
    variant: select({ options: ['default', 'outlined'] }),
    internal: hidden(),
  },
  slots: {
    title: { label: 'Heading' },
  },
})
</script>

Demo: playground/docus → AuthorCard component on the /pages/author-card page.

Depends on the pkg.pr.new build of nuxt-component-meta#116 (pinned via pnpm override).

Closes #129, closes #436

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
content-studio	Ready	Preview, Comment	Jul 1, 2026 8:51pm
nuxt.studio	Ready	Preview	Jul 1, 2026 8:51pm

[pkg-pr-new]

npm i https://pkg.pr.new/nuxt-studio@525

commit: d251add