Как сделать base64 фоновое изображение в vue.js

Question

Я собираюсь получить фон от https://www.heropatterns.com/, тогда они дают нам следующее background-image: url ("data: image / svg + xml .......... Это работает вCSS, но я хочу, чтобы он работал в HTML в Vue, вот так. Я стараюсь, чтобы он ничего не показывал

Вот мой код

<template>
   <div v-bind:style="{ backgroundImage: `url('${color}')`}">
</template>
<script>

export default {
  data () {
    color: 'data:image/svg+xml..........'
  }
}
</script>