Merge pull request #463 from w3bdesign/dev

Remove outdated Swiper
w3bdesign · Nov 19, 2021 · 5481c73 · 5481c73 · vercel · Nov 19, 2021
2 parents 1fef56c + 8c5501e
commit 5481c73
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 93 deletions.
diff --git a/assets/images/samantha-gades-gKjLLN1T8HQ-unsplash.jpg b/assets/images/samantha-gades-gKjLLN1T8HQ-unsplash.jpg
diff --git a/components/Index/Hero.vue b/components/Index/Hero.vue
@@ -1,103 +1,37 @@
 <template>
-  <div>
-    <swiper id="hero" ref="mySwiper" :options="swiperOption">
-      <swiper-slide
-        ><img alt="Image slider slide #1" src="~assets/images/Hero.jpg" />
-        <div
-          class="
-            flex flex-col
-            items-start
-            justify-center
-            w-full
-            mx-auto
-            tracking-wide
-            lg:w-1/2
-          "
-        >
-          <span
-            class="
-              w-full
-              p-4
-              mt-4
-              text-center text-white
-              bg-black
-              text-md
-              lg:text-2xl lg:-mt-64
-            "
-          >
-            Modern Pillow Sample Set
-          </span>
-        </div>
-      </swiper-slide>
-      <swiper-slide
-        ><img alt="Image slider slide #2" src="~assets/images/Hero2.jpg" />
-        <div
-          class="
-            flex flex-col
-            items-start
-            justify-center
-            w-full
-            mx-auto
-            tracking-wide
-            lg:w-1/2
-          "
-        >
-          <span
-            class="
-              w-full
-              p-4
-              mt-4
-              text-center text-white
-              bg-black
-              text-md
-              lg:text-2xl lg:-mt-64
-            "
-          >
-            Modern Interior Sample
-          </span>
-        </div>
-      </swiper-slide>
-      <div
-        slot="button-prev"
-        class="swiper-button-prev"
-        @click="swiper.slidePrev(1000, false)"
-      ></div>
-      <div
-        slot="button-next"
-        class="swiper-button-next"
-        @click="swiper.slideNext(1000, false)"
-      ></div>
-    </swiper>
+  <div id="hero">
+    <img alt="Image slider slide #1" src="~assets/images/Hero.jpg" />
+    <div
+      class="
+        flex flex-col
+        items-start
+        justify-center
+        w-full
+        mx-auto
+        tracking-wide
+        lg:w-1/2
+      "
+    >
+      <span
+        class="
+          w-full
+          p-4
+          mt-4
+          text-center text-white
+          bg-black
+          text-md
+          lg:text-2xl lg:-mt-64
+        "
+      >
+        Modern Interior Sample
+      </span>
+    </div>
   </div>
 </template>
 
 <script>
-import { Swiper, SwiperSlide } from 'vue-awesome-swiper'
-
 export default {
   name: 'Hero',
-  components: {
-    Swiper,
-    SwiperSlide,
-  },
-  data() {
-    return {
-      swiperOption: {
-        navigation: {
-          nextEl: '.swiper-button-next',
-          prevEl: '.swiper-button-prev',
-        },
-      },
-    }
-  },
-  computed: {
-    swiper() {
-      return this.$refs.mySwiper.$swiper
-    },
-  },
-  mounted() {
-    this.swiper.slideTo(2, 2000, false)
-  },
 }
 </script>