In my Nuxt.js project, I’ve used useSeoMeta for individual pages, but it’s not working as expected. When I share a page URL, it’s not taking the individual og:title; instead, it’s using the one from the config file. How can I solve this issue?
Thanks in advance!
Nuxt Config
app: {
head: {
title: "Car Trust",
meta: [
{ charset: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{
property: "og:title",
content: "CarTrust - كارترست ",
},
{
property: "og:description",
content: "A leading Saudi technology company specializing in the used vehicle services - شركة سعودية تقنية رائدة متخصصة في قطاع خدمات المركبات المستعملة",
},
{
property: "og:image",
content:
"/public/ogImage.png",
},
],
link: [
{
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap",
},
{
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900&display=swap",
},
{
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Manrope:[email protected]&display=swap",
},
{ rel: "stylesheet", href: "/style.css" },
],
script: [
{
src: "https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js",
tagPriority: "critical",
},
],
},
pageTransition: { name: 'page', mode: 'out-in' },
},
Component
useSeoMeta({ title: "سوق خدمات كارترست واربح", ogTitle: "سوق خدمات كارترست واربح", description: " CarTrust انضم الآن الى مسوقين كارترست", ogDescription: " CarTrust انضم الآن الى مسوقين كارترست", ogImage: "https://cartrust-partner.s3.amazonaws.com/images/app/image-1716625987.webp", });