From 8438b312c21bcb5e87256af4bfc340d2610c3aee Mon Sep 17 00:00:00 2001
From: Rakantor <rakantor.dev@gmail.com>
Date: Sun, 23 Apr 2023 23:33:12 +0200
Subject: [PATCH] Add ImageCarousel.vue

---
 components/ImageCarousel.vue | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 components/ImageCarousel.vue

diff --git a/components/ImageCarousel.vue b/components/ImageCarousel.vue
new file mode 100644
index 0000000..2fa2580
--- /dev/null
+++ b/components/ImageCarousel.vue
@@ -0,0 +1,25 @@
+<template>
+  <v-dialog v-model="show" class="d-flex align-center justify-center">
+    <v-carousel
+      :model-value="index"
+      :show-arrows="images.length > 1"
+      hide-delimiters
+    >
+      <v-carousel-item v-for="image of images" :key="image"
+        :src="image"
+        class="ma-auto"
+      ></v-carousel-item>
+    </v-carousel>
+  </v-dialog>
+</template>
+
+<script>
+export default {
+  name: 'ImageCarousel',
+  data: () => ({
+    show: false,
+    images: [],
+    index: 0
+  })
+}
+</script>
\ No newline at end of file