← Help
Nuxt
Get started with integrating Mosaic into your Nuxt project.

Step 1

Use useSeoMeta composable:

<script setup>
useSeoMeta({
  title: 'My Page Title',
  ogTitle: 'My Page Title',
  ogImage: 'https://mosaicimg.com/use?url=yourwebsite.com/your_slug',
  ogType: 'website'
})
</script>

Step 2

For dynamic pages:

<script setup>
const route = useRoute()
const slug = route.params.slug

useSeoMeta({
  title: `Post: ${slug}`,
  ogTitle: `Post: ${slug}`,
  ogImage: `https://mosaicimg.com/use?url=yourwebsite.com/${slug}`,
  ogType: 'article'
})
</script>