1.0.5 to develop

CHANGELOG.md

@@ -5,10 +5,16 @@ 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.5] - ?
+## [1.0.5] - 23.06.2021
+
+### Added
 
 ### Changed / Improved
+- Fixed: modalComponents map type errors
 - Fixed: remove product from Cart on Desktop
+- Fixed: close Mega Menu after clicking on the Category
+- Fixed: wrong product image on PDP after clicked on filtered product from PLP
+- Fixed: set missing require for `phoneNumber` on the Checkout
 
 ## [1.0.4] - 04.01.2020
 
@@ -32,7 +38,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Removed: Overridden logo height (#490)
 - Fixed: duplicate image issue in offine mode (#498)
 - Fixed: Blank prices field on checkout in offline mode (#513)
-- Fixed: modalComponents map type errors
 
 ## [1.0.3] - 20.09.2020
 

components/molecules/m-product-gallery.vue

@@ -3,6 +3,7 @@
     <SfGallery
       ref="gallery"
       :images="gallery"
+      :current="currentIndex + 1"
     />
   </div>
 </template>

components/organisms/o-header.vue

@@ -22,6 +22,7 @@
           :key="category.id"
           @mouseover="isHoveredMenu = true"
           @mouseleave="isHoveredMenu = false"
+          @click="isHoveredMenu = false"
         >
           <router-link
             :class="{active: isCategoryActive(category)}"

components/organisms/o-microcart-panel.vue

@@ -51,7 +51,7 @@
                 <SfButton
                   class="sf-button--text sf-collected-product__remove sf-collected-product__remove--text"
                   @click="removeHandler(product)"
-                >Remove</SfButton
+                >{{ $t('Remove') }}</SfButton
                 >
               </template>
               <template #more-actions>

components/organisms/o-payment.vue

@@ -24,7 +24,7 @@
         class="form__element form__element--half"
         name="first-name"
         :label="$t('First name')"
-        :required="true"
+        required
         :valid="!$v.payment.firstName.$error"
         :error-message="
           !$v.payment.firstName.required
@@ -38,7 +38,7 @@
         class="form__element form__element--half form__element--half-even"
         name="last-name"
         :label="$t('Last name')"
-        :required="true"
+        required
         :valid="!$v.payment.lastName.$error"
         :error-message="$t('Field is required')"
         @blur="$v.payment.lastName.$touch()"
@@ -48,7 +48,7 @@
         class="form__element"
         name="street-address"
         :label="$t('Street name')"
-        :required="true"
+        required
         :valid="!$v.payment.streetAddress.$error"
         :error-message="$t('Field is required')"
         @blur="$v.payment.streetAddress.$touch()"
@@ -58,7 +58,7 @@
         class="form__element"
         name="apartment-number"
         :label="$t('House/Apartment number')"
-        :required="true"
+        required
         :valid="!$v.payment.apartmentNumber.$error"
         :error-message="$t('Field is required')"
         @blur="$v.payment.apartmentNumber.$touch()"
@@ -68,7 +68,7 @@
         class="form__element form__element--half"
         name="city"
         :label="$t('City')"
-        :required="true"
+        required
         :valid="!$v.payment.city.$error"
         :error-message="$t('Field is required')"
         @blur="$v.payment.city.$touch()"
@@ -84,7 +84,7 @@
         class="form__element form__element--half"
         name="zipCode"
         :label="$t('Zip-code')"
-        :required="true"
+        required
         :valid="!$v.payment.zipCode.$error"
         :error-message="
           !$v.payment.zipCode.required
@@ -98,7 +98,7 @@
         class="form__element form__element--half form__element--half-even form__select sf-select--underlined"
         name="countries"
         :label="$t('Country')"
-        :required="true"
+        required
         :valid="!$v.payment.country.$error"
         :error-message="$t('Field is required')"
         @change="changeCountry"
@@ -116,6 +116,10 @@
         class="form__element"
         name="phone"
         :label="$t('Phone Number')"
+        required
+        :valid="!$v.payment.phoneNumber.$error"
+        @blur="$v.payment.phoneNumber.$touch()"
+        :error-message="$t('Field is required')"
       />
       <SfCheckbox
         v-model="generateInvoice"
@@ -129,7 +133,7 @@
           class="form__element form__element--half"
           name="company-name"
           :label="$t('Company name')"
-          :required="true"
+          required
           :valid="!$v.payment.company.$error"
           :error-message="$t('Field is required')"
           @blur="$v.payment.company.$touch()"
@@ -139,7 +143,7 @@
           class="form__element form__element--half form__element--half-even"
           name="tax-id"
           :label="$t('Tax identification number')"
-          :required="true"
+          required
           :valid="!$v.payment.taxId.$error"
           :error-message="
             !$v.payment.taxId.required
@@ -248,6 +252,9 @@ export default {
         required,
         unicodeAlpha
       },
+      phoneNumber: {
+        required
+      },
       paymentMethod: {
         required
       }

components/organisms/o-shipping.vue

@@ -18,7 +18,7 @@
         class="form__element form__element--half"
         name="first-name"
         :label="$t('First name')"
-        :required="true"
+        required
         :valid="!$v.shipping.firstName.$error"
         :error-message="
           !$v.shipping.firstName.required
@@ -32,7 +32,7 @@
         class="form__element form__element--half form__element--half-even"
         name="last-name"
         :label="$t('Last name')"
-        :required="true"
+        required
         :valid="!$v.shipping.lastName.$error"
         :error-message="$t('Field is required')"
         @blur="$v.shipping.lastName.$touch()"
@@ -42,7 +42,7 @@
         class="form__element"
         name="street-address"
         :label="$t('Street name')"
-        :required="true"
+        required
         :valid="!$v.shipping.streetAddress.$error"
         :error-message="$t('Field is required')"
         @blur="$v.shipping.streetAddress.$touch()"
@@ -52,7 +52,7 @@
         class="form__element"
         name="apartment-number"
         :label="$t('House/Apartment number')"
-        :required="true"
+        required
         :valid="!$v.shipping.apartmentNumber.$error"
         :error-message="$t('Field is required')"
         @blur="$v.shipping.apartmentNumber.$touch()"
@@ -62,7 +62,7 @@
         class="form__element form__element--half"
         name="city"
         :label="$t('City')"
-        :required="true"
+        required
         :valid="!$v.shipping.city.$error"
         :error-message="$t('Field is required')"
         @blur="$v.shipping.city.$touch()"
@@ -78,7 +78,7 @@
         class="form__element form__element--half"
         name="zipCode"
         :label="$t('Zip-code')"
-        :required="true"
+        required
         :valid="!$v.shipping.zipCode.$error"
         :error-message="
           !$v.shipping.zipCode.required
@@ -92,7 +92,7 @@
         class="form__element form__element--half form__element--half-even form__select sf-select--underlined"
         name="countries"
         :label="$t('Country')"
-        :required="true"
+        required
         :valid="!$v.shipping.country.$error"
         :error-message="$t('Field is required')"
         @change="changeCountry"
@@ -110,6 +110,10 @@
         class="form__element"
         name="phone"
         :label="$t('Phone Number')"
+        required
+        :valid="!$v.shipping.phoneNumber.$error"
+        @blur="$v.shipping.phoneNumber.$touch()"
+        :error-message="$t('Field is required')"
       />
     </div>
     <SfHeading
@@ -211,6 +215,9 @@ export default {
       city: {
         required,
         unicodeAlpha
+      },
+      phoneNumber: {
+        required
       }
     }
   },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-storefront/theme-capybara",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "New theme for Vue Storefront based on Storefront UI",
   "main": "index.js",
   "scripts": {