From 496c58fdc34fca3a1d5a8ed3c01e682f17ef37ef Mon Sep 17 00:00:00 2001
From: luklus <ll_code@outlook.com>
Date: Wed, 1 Jul 2020 13:53:16 +0200
Subject: [PATCH 1/2] fix: cms image slider is available

---
 .../cms/elements/CmsElementImageSlider.vue    | 38 ++++++++++++-------
 1 file changed, 24 insertions(+), 14 deletions(-)

diff --git a/packages/default-theme/cms/elements/CmsElementImageSlider.vue b/packages/default-theme/cms/elements/CmsElementImageSlider.vue
index 0d3fbbce8..3b9b01810 100644
--- a/packages/default-theme/cms/elements/CmsElementImageSlider.vue
+++ b/packages/default-theme/cms/elements/CmsElementImageSlider.vue
@@ -1,10 +1,17 @@
 <template>
   <SfHero class="cms-element-image-slider">
-    <SfHeroItem v-for="slide in getSlides" :key="slide.media.id"
-        class="sw-image-slider__item"
-        :image="slide.media.url">
+    <SfHeroItem
+      v-for="slide in getSlides"
+      :key="slide.media.id"
+      class="sw-image-slider__item"
+      :image="`'${slide.media.url}'`"
+    >
       <template v-if="slide.url" #call-to-action>
-        <nuxt-link :to="$i18n.path(slide.url)">
+        <!-- ToDo go to SWLink -->
+        <nuxt-link
+          :to="$i18n.path(slide.url)"
+          class="cms-element-image-slider__link"
+        >
           <SwButton class="sf-button">
             See more
           </SwButton>
@@ -13,29 +20,32 @@
     </SfHeroItem>
   </SfHero>
 </template>
+
 <script>
-import { SfHero, SfHeroItem } from "@storefront-ui/vue";
-import SwButton from "@shopware-pwa/default-theme/components/atoms/SwButton";
+import { SfHero } from "@storefront-ui/vue"
+import SwButton from "@shopware-pwa/default-theme/components/atoms/SwButton"
 
 export default {
+  name: "CmsElementImageSlider",
+
   components: {
-    SfHero, SwButton
+    SfHero,
+    SwButton,
   },
-  name: "CmsElementImageSlider",
+
   props: {
     content: {
       type: Object,
       default: () => ({}),
     },
   },
+
   computed: {
     getSlides() {
-      return this.content.data && this.content.data.sliderItems || []
-    }
-  }
-
+      return (this.content.data && this.content.data.sliderItems) || []
+    },
+  },
 }
 </script>
-<style lang="scss" scoped>
 
-</style>
+<style lang="scss" scoped></style>

From b00efe2289719aa2da2b715a7c36c5baf8bbdc48 Mon Sep 17 00:00:00 2001
From: luklus <ll_code@outlook.com>
Date: Wed, 1 Jul 2020 13:57:14 +0200
Subject: [PATCH 2/2] fix: add comment

---
 packages/default-theme/cms/elements/CmsElementImageSlider.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/default-theme/cms/elements/CmsElementImageSlider.vue b/packages/default-theme/cms/elements/CmsElementImageSlider.vue
index 3b9b01810..d80c8ca26 100644
--- a/packages/default-theme/cms/elements/CmsElementImageSlider.vue
+++ b/packages/default-theme/cms/elements/CmsElementImageSlider.vue
@@ -7,7 +7,9 @@
       :image="`'${slide.media.url}'`"
     >
       <template v-if="slide.url" #call-to-action>
-        <!-- ToDo go to SWLink -->
+        <!-- ToDo https://github.com/DivanteLtd/storefront-ui/issues/1279 
+        ToDo move nuxt-link to SwLink when https://github.com/DivanteLtd/shopware-pwa/pull/901 merge -->
+
         <nuxt-link
           :to="$i18n.path(slide.url)"
           class="cms-element-image-slider__link"