imagegalleryvue

First step is;

import ImageGallery from "imagegalleryvue/ImageGallery.vue";

and use this component;

 components: {ImageGallery}

and use component with your array data;

< ImageGallery v-if="images!=null" :images="images" />

props detail;

props: {
  //your images
  images: {
    type: Array,
    default: []
  },
  //if this is true i will add "data:image/jpeg;base64," at the beginning of each of your images.
  isBase64: {
    type: Boolean,
    default: true
  },
  //your thumbnail images css settings
  thumbnail: {
    type: Object,
    default: {
      height: '64px',
      width: '64px',
      objectFit: 'contain',
      background: 'black'
    }
  },
  //your footer images css settings
  footer: {
    type: Object,
    default: {
      height: '64px',
      width: '64px',
      objectFit: 'contain',
      background: 'black'
    }
  },
  texts: {
    type: Object,
    default: {
      play: "Play",
      pause: "Pause",
      close: "Close",
      onceEvery: "Once every ",
      previous: "Previous",
      next: "Next"
    }
  },
  //speed range
  speed: {
    type: Object,
    default: {
      minSpeed: 10,
      maxSpeed: 500
    }
  }
}