title: Rendering a base64 image, currently comes back as blank
body: <p>I've pulled an image from Microsoft graphQL and applied the following before storing the string in vuex.</p>
  
  <pre><code>Buffer.from(image).toString('base64')
  </code></pre>
  
  <p>Inside my component I'm trying to render the image in the following way</p>
  
  <pre><code>&lt;img class="shadow avatar border-white" :src="`data:image/jpg;base64,${this.$store.state.user.profilePhoto}`"/&gt;
  </code></pre>
  
  <p>I've tried adding the charset-utf-8 into the mix and a few variations including different image types including png and jpeg.</p>
  
  <p>The CSS class simply rounds the image and adds a bit of shadow.</p>
  
  <p>At the moment I'm getting a transparent circle and no image to be found.</p>
  
  <p>Is there another way I need to encode the image before trying to render it?</p>