Hello.
I am using vue-meta in my default Vue.js application.
My data will be loaded asnychronously in the mounted() function.
Now I want an open graph embed on social media with the content thats beeing loaded.
But it did not work.
I've tested it with a web share debugger and on discord.
Here is the code I am using:
metaInfo () {
return {
title: this.poll.title,
meta: [
{ name: "og:title", content: this.poll.title },
{ name: "og:image", content: window.location.origin + "/logo.png" },
{ name: "og:description", content: this.poll.description },
]
}
}
When I open the site in my Browser and look into the inspector, the meta tags are there.
Can anyone help me and explain me why this is not working?
Rename name to property, according to the protocol spec that's the correct attribute.
Thanks for your contribution to vue-meta! This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you would like this issue to remain open:
pending will not be automatically marked as stale.
Most helpful comment
Rename
nametoproperty, according to the protocol spec that's the correct attribute.