Merge pull request #411 from DivanteLtd/hotfix/v1.0.2

Hotfix/v1.0.2

Author: Tomasz Kostuch

CHANGELOG.md

@@ -5,6 +5,19 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.2] - 03.07.2020
+
+### Added
+### Changed / Improved
+
+- Update sfui version to 0.7.11
+- Changed the banner links to correct path (#379)
+- Improved the background of MegaMenu (#401)
+- fix problem with changing product color - should be changed product image
+  fix close sidebar when push esc button
+  add cacheTags to pages
+  remove Home page mixin - (#410)
+
 ## [1.0.1] - 2020.06.02
 
 ### Added

README.md

@@ -64,7 +64,7 @@ To be able to use new Capybara theme in your Vue Storefront installation, you ne
 1. Configure `vsf-capybara` repository as a git submodule in theme path of your Vue Storefront workspace, and then track `master` branch:
 
    ```
-   git submodule add -b master git@github.com:DivanteLtd/vsf-capybara.git src/themes/capybara
+   git submodule add -b master https://github.com/DivanteLtd/vsf-capybara.git src/themes/capybara
    ```
 
 1. Fetch all the data:

components/molecules/m-login.vue

@@ -75,7 +75,7 @@ export default {
     }),
     switchElem (to) {
       this.$v.$reset();
-      this.openModal({name: ModalList.Auth, payload: to})
+      this.openModal({ name: ModalList.Auth, payload: to })
     },
     login () {
       this.$v.$touch();
@@ -103,7 +103,7 @@ export default {
             this.onFailure(result);
           } else {
             this.onSuccess(i18n.t('You are logged in!'));
-            this.closeModal({name: ModalList.Auth});
+            this.closeModal({ name: ModalList.Auth });
           }
         })
         .catch(err => {

components/molecules/m-menu.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="m-menu sf-mega-menu">
+  <div class="m-menu sf-mega-menu bg-white">
     <SfMegaMenu
       :title="title || currentCategoryTitle"
       :visible="visible"

components/molecules/m-product-gallery.vue

@@ -53,14 +53,14 @@ export default {
             selectThis = false
           }
         }
-        return selectThis || (image.id && image.id.color === this.configuration.color.id)
+        return selectThis || (image.id && image.id.color && String(image.id.color) === String(this.configuration.color.id))
       })
 
       if (!variantImage) {
         variantImage = this.gallery.find(image => {
           return typeof image.id.color !== 'undefined' &&
             typeof this.configuration.color !== 'undefined' &&
-            image.id.color === this.configuration.color.id
+            String(image.id.color) === String(this.configuration.color.id)
         })
       }
 

components/molecules/m-register.vue

@@ -78,7 +78,7 @@ export default {
     }),
     switchElem (to) {
       this.$v.$reset();
-      this.openModal({name: ModalList.Auth, payload: to})
+      this.openModal({ name: ModalList.Auth, payload: to })
     },
     register () {
       this.$v.$touch();
@@ -111,7 +111,7 @@ export default {
               password: this.password
             });
             this.onSuccess(i18n.t('You are logged in!'));
-            this.closeModal({name: ModalList.Auth});
+            this.closeModal({ name: ModalList.Auth });
           }
         })
         .catch(err => {

components/molecules/m-reset-password.vue

@@ -57,7 +57,7 @@ export default {
     }),
     switchElem (to) {
       this.$v.$reset();
-      this.openModal({name: ModalList.Auth, payload: to})
+      this.openModal({ name: ModalList.Auth, payload: to })
     },
     resetPassword () {
       this.$v.$touch();

components/organisms/o-bottom-navigation.vue

@@ -49,7 +49,7 @@ export default {
       return (icon) => {
         switch (icon) {
           case 'home': {
-            const isHomepage = this.$route.name === this.localizedRoute({name: 'home', path: '/'}).name
+            const isHomepage = this.$route.name === this.localizedRoute({ name: 'home', path: '/' }).name
             return isHomepage && !this.isMobileMenu && !this.isSearchPanelVisible
           }
           case 'menu': {
@@ -93,7 +93,7 @@ export default {
       if (this.isLoggedIn) {
         this.$router.push(this.localizedRoute('/my-account'))
       } else {
-        this.openModal({name: ModalList.Auth, payload: 'login'})
+        this.openModal({ name: ModalList.Auth, payload: 'login' })
       }
     },
     goToCart () {

components/organisms/o-footer.vue

@@ -108,8 +108,8 @@ export default {
             {
               name: 'My account',
               ...this.isLoggedIn
-                ? {link: '/my-account'}
-                : {clickHandler: () => this.openModal({name: ModalList.Auth, payload: 'login'})}
+                ? { link: '/my-account' }
+                : { clickHandler: () => this.openModal({ name: ModalList.Auth, payload: 'login' }) }
             },
             { name: 'Delivery', link: '/delivery' },
             { name: 'Return policy', link: '/returns' }
@@ -145,7 +145,7 @@ export default {
       openModal: 'openModal'
     }),
     showLanguageSwitcher () {
-      this.openModal({name: ModalList.LanguageSwitcher})
+      this.openModal({ name: ModalList.LanguageSwitcher })
     }
   }
 };

components/organisms/o-microcart-panel.vue

@@ -156,7 +156,7 @@ export default {
   },
   methods: {
     closeMicrocartExtend () {
-      this.$store.dispatch('ui/toggleMicrocart');
+      this.$store.dispatch('ui/closeMicrocart')
     },
     onEscapePress () {
       this.closeMicrocartExtend();