title: open graph Meta Tags in Vue JS don't show image
body: <p>I design a blog and I would like that when sharing to social networks, the preview image displays like in <a href="https://medium.com" rel="nofollow noreferrer">Medium's</a> posts</p>
  
  <pre><code>&lt;meta property="og:image" content="https://medium.com/js-dojo/getting-your-head-around-vue-js-scoped-slots-281bf82a1e4e"/&gt;
  </code></pre>
  
  <p>I using vuejs2 with webpack and vue-meta to change the dynamic image of my post.
   But for Facebook, there don't working even when I put them in index.html.</p>
  
  <p>I find <a href="https://medium.com/@ramansah/server-side-rendered-open-graph-meta-tags-in-vue-js-31d864004306" rel="nofollow noreferrer">this article on medium </a> where it is said that it is necessary to use Server Side Rendered, but it is not said how to migrate from a totally designed project with a basic configuration (without SSR) to a project solving the problem. already the architecture is different and I have no reference</p>
  
  <p>here is my code <a href="https://github.com/declandewet/vue-meta" rel="nofollow noreferrer">vue-meta</a></p>
  
  <pre><code>metaInfo () {
    return {
      title: '41devs | blog',
      titleTemplate: '%s - le titre',
      meta: [
        {name: 'viewport', content: 'user-scalable=no'},
        {property: 'og:title', content: 'title'},
        {property: 'og:type', content: 'article'},
        {property: 'og:url', content: 'http://c5e3b0ec.ngrok.io/blog/s'},// here it is just ngrok for my test
        {property: 'og:description', content: 'description'},
        {property: 'og:image', content: 'https://firebasestorage.googleapis.com/v0/b/dev-blog-2503f.appspot.com/o/postsStorage%2F-KxXdvvLqDHBcxdUfLgn%2Fonfleck?alt=media&amp;token=24a9bf5b-dce2-46e8-b175-fb63f7501c98'},
        {property: 'twitter:image:src', content: 'https://firebasestorage.googleapis.com/v0/b/dev-blog-2503f.appspot.com/o/postsStorage%2F-KxXdvvLqDHBcxdUfLgn%2Fonfleck?alt=media&amp;token=24a9bf5b-dce2-46e8-b175-fb63f7501c98'},
        {property: 'og:image:width', content: '1000'},
        {property: 'og:site_name', content: '41devs | blog'}
      ]
    }
  }
  </code></pre>