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>