Vue gradient picker component

<template>
  <vue-gpickr v-model="gradient" />
</template>

<script>
import { VueGpickr, LinearGradient } from 'vue-gpickr';

const gradient = new LinearGradient({
  angle: 0,
  stops: [
    ['#0359b5', 0],
    ['#f6ce01', 1]
  ]
});

export default {
  components: {
    VueGpickr
  },
  data() {
    return {
      gradient
    }
  }
};
</script>