chore: release 1.0.0-rc.6

README.md

@@ -5,13 +5,6 @@
 # Magento 2.x theme
 
 ### Vue Storefront 2 integration with Magento
-
-This theme developed by superheroes from [Caravel](https://github.com/caravelx) ❤️
-
-<div align="center">
-<img src="https://user-images.githubusercontent.com/1626923/127100067-98eda368-94e3-47dd-b824-842d38dc8550.png" height="80px"/>
-</div>
-
 ### Requirements:
 
 - NodeJS v16 or later

components/AddToWishlist.vue

@@ -5,12 +5,11 @@
     class="add-to-wishlist"
     @click="$emit('addToWishlist')"
   >
-    <SfIcon
+    <SvgImage
       :icon="isInWishlist ? isInWishlistIcon : wishlistIcon"
-      size="lg"
-      color="green-primary"
-      viewBox="0 0 24 24"
-      :coverage="1"
+      :label="$t('Wishlist')"
+      width="32"
+      height="32"
     />
     <SfButton class="sf-button--text">
       {{ $t(actionText) }}
@@ -20,13 +19,14 @@
 
 <script>
 import { defineComponent, computed } from '@nuxtjs/composition-api';
-import { SfIcon, SfButton } from '@storefront-ui/vue';
+import { SfButton } from '@storefront-ui/vue';
+import SvgImage from '~/components/General/SvgImage.vue';
 
 export default defineComponent({
   name: 'AddToWishlist',
   components: {
-    SfIcon,
     SfButton,
+    SvgImage,
   },
   props: {
     component: {
@@ -64,6 +64,7 @@ export default defineComponent({
 .add-to-wishlist {
   display: flex;
   align-items: center;
+  color: var(--c-primary);
   cursor: pointer;
   margin-top: 1rem;
   margin-bottom: 1rem;

components/AppFooter.vue

@@ -1,11 +1,15 @@
 <template>
-  <SfFooter :column="4" multiple class="footer">
+  <SfFooter
+    :column="4"
+    multiple
+    class="footer"
+  >
     <SfFooterColumn :title="$t('About us')">
       <SfList>
         <SfListItem
           v-for="item in aboutUs"
           :key="item"
-          >
+        >
           <SfMenuItem
             :label="$t(item)"
           />
@@ -50,21 +54,37 @@
     </SfFooterColumn>
     <SfFooterColumn title="Social">
       <div class="footer__socials">
-        <SfImage class="footer__social-image" v-for="item in social" :key="item" :src="'/icons/'+item+'.svg'" :alt="item" width="32" height="32" />
+        <SfImage
+          v-for="item in social"
+          :key="item"
+          class="footer__social-image"
+          :src="addBasePath('/icons/'+item+'.svg')"
+          :alt="item"
+          width="32"
+          height="32"
+        />
       </div>
     </SfFooterColumn>
   </SfFooter>
 </template>
 
 <script>
-import { SfFooter, SfList, SfImage, SfMenuItem } from '@storefront-ui/vue';
+import {
+  SfFooter, SfList, SfImage, SfMenuItem,
+} from '@storefront-ui/vue';
+import { addBasePath } from '@vue-storefront/core';
 
 export default {
   components: {
     SfFooter,
     SfList,
     SfImage,
-    SfMenuItem
+    SfMenuItem,
+  },
+  setup() {
+    return {
+      addBasePath,
+    };
   },
   data() {
     return {
@@ -74,9 +94,9 @@ export default {
       paymentsDelivery: ['Purchase terms', 'Guarantee'],
       social: ['facebook', 'pinterest', 'google', 'twitter', 'youtube'],
       isMobile: false,
-      desktopMin: 1024
+      desktopMin: 1024,
     };
-  }
+  },
 };
 </script>
 
@@ -100,6 +120,8 @@ export default {
   }
   &__social-image {
     margin: 0 var(--spacer-2xs) 0 0;
+    background-color: #fff;
+    border-radius: 100%;
   }
 }
 .sf-footer {