Vue-meta: Open Graph embed not working with default Vue.js

Created on 10 Jul 2020  路  2Comments  路  Source: nuxt/vue-meta

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?

question stale

Most helpful comment

Rename name to property, according to the protocol spec that's the correct attribute.

All 2 comments

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:

  1. Verify that you can still reproduce the issue in the latest version of vue-meta
  2. Comment the steps to reproduce it
    Issues that are labeled as pending will not be automatically marked as stale.
Was this page helpful?
0 / 5 - 0 ratings

Related issues

Bigdragon13th picture Bigdragon13th  路  8Comments

hurradieweltgehtunter picture hurradieweltgehtunter  路  4Comments

lwansbrough picture lwansbrough  路  7Comments

wilco-superbalist picture wilco-superbalist  路  4Comments

terazus picture terazus  路  8Comments