<script setup>
const route = useRoute()

// 1) Page meta (title, description, OG, Twitter, canonical)
useSiteMeta({
  title: 'Best Italian Restaurants in Brooklyn',
  description: 'Hand-picked Italian restaurants in Brooklyn — ratings, reviews, and hours.',
  path: '/cuisines/italian',
})

// 2) Schema.org — drives Google rich results
useItemListSchema({
  name: 'Best Italian Restaurants in Brooklyn',
  description: 'Hand-picked Italian restaurants in Brooklyn.',
  url: 'https://example.com/cuisines/italian',
  items: restaurants.map(r => ({
    name: r.name,
    url: `https://example.com/restaurants/${r.slug}`,
  })),
})

// 3) Breadcrumbs
useBreadcrumbSchema({
  items: [
    { label: 'Home', href: '/' },
    { label: 'Cuisines', href: '/cuisines' },
    { label: 'Italian' },
  ],
})
</script>

<script setup>
// Articles / features — full BlogPosting with author + publisher
useArticleSchema({
  headline: article.title,
  description: article.description,
  image: article.meta.image,
  datePublished: article.meta.date,
  author: { name: article.meta.author },
})

useSiteMeta({
  title: article.title,
  description: article.description,
  path: route.path,
  type: 'article',
  publishedTime: article.meta.date,
  author: article.meta.author,
  image: article.meta.image,
})
</script>

const schema = cleanSchema({
  '@context': 'https://schema.org',
  '@type': 'Thing',
  name: 'X',
  description: undefined,    // removed
  image: [],                  // removed
  url: 'https://...',
})

composable: useSchema
package: "@xenterprises/nuxt-x-restaurants"
use-when: >
  Building any page that needs Google rich-result eligibility or standardized
  meta tags. useArticleSchema() drives article rich results. useProductSchema()
  is the highest-ROI call — drives star SERPs when paired with aggregate
  rating data. useBreadcrumbSchema() drives breadcrumb SERPs on every page
  with a meaningful navigation trail. useItemListSchema() is essential on
  cuisine/neighborhood index pages for carousel/sitelinks SERPs.
  useSiteMeta() consolidates the title/description/OG/Twitter Card/canonical
  boilerplate into a single call. Every composable auto-injects a
  <script type="application/ld+json"> block — no template wiring required.
  Always call useSiteMeta() + the relevant schema composables at the top of
  each page's <script setup>.