Default defineOgImageComponent for all pages

[AdamBD]

Hello,

Is there a way to define a default og:image for all pages?

[harlan-zw]

Hi, yes you can either add it to app.vue or use route rules.

Something like this should work.

export default defineNuxtConfig({
  routeRules: {
    '/**': {
      ogImage: {
        component: 'NuxtSeo',
        props: { icon: 'carbon:image-search' }
      }
    }
  }
})

[AdamBD]

thank you!

[AdamBD]

@harlan-zw I am trying to create a template from scratch now.

Following the documentation, I created

	routeRules: { 
		"/**": {
			ogImage: {
				component: "~/components/OgImage/BlogPost",
		//		props: { title: "cool stuff", icon: "fa6-regular:hand-peace" },
			},
		},
	},

however when running the build I get this error Error: [GET] "/__og-image__/image/og.json": 404 Island component not found: ~/components/OgImage/BlogPost

I have also tried just component: "BlogPost", which leads to the same error

[FabianMontoya]

Im having the same error, is very frustrated, only works with the rebuild templates, but if I want use a jpeg image or a custom component, I can't :(