@lancom/shared 0.0.252 → 0.0.253

package/assets/js/api/admin.js

@@ -132,34 +132,34 @@ export default {
     return _post(`admin/orders/pick-pdf`, { orders });
   },
   saveOrderSubsequentInvoice(order, invoice) {
-    return invoice._id ? _put(`admin/shop/${order.shop}/order/${order._id}/invoice/${invoice._id}`, invoice) : _post(`admin/shop/${order.shop}/order/${order._id}/invoice`, invoice);
+    return invoice._id ? _put(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/invoice/${invoice._id}`, invoice) : _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/invoice`, invoice);
   },
   sendOrderSubsequentInvoice(order, invoice) {
-    return _post(`admin/shop/${order.shop}/order/${order._id}/invoice/${invoice}/send`);
+    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/invoice/${invoice}/send`);
   },
-  exportOrderToStarshipit(order, shipment) {
-    return _post(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/export-to-starshipit`, shipment);
+  exportOrderToShippingService(order, shipment) {
+    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/export-to-shipping-service`, shipment);
   },
   markShipmentAsDispatched(order, shipment) {
-    return _post(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/dispatched`, shipment);
+    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/dispatched`, shipment);
   },
   markSubOrderAsDispatched(order, subOrder) {
-    return _post(`admin/shop/${order.shop}/order/${order._id}/sub-order/${subOrder._id}/dispatched`, subOrder);
+    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/sub-order/${subOrder._id}/dispatched`, subOrder);
   },
   generateDuplicateOrderCode(order) {
     return _get(`admin/order/${order}/duplicate-code`);
   },
   sendShipmentTracking(order, shipment, tracking) {
-    return _post(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/tracking/${tracking._id}/send`, tracking);
+    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/tracking/${tracking._id}/send`, tracking);
   },
-  removeShipmentFromStarshipit(order, shipment) {
-    return _delete(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}`);
+  removeShipment(order, shipment) {
+    return _delete(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}`);
   },
   calculateShipmentRates(order, shipment) {
-    return _get(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/calculate-shipping`);
+    return _get(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/calculate-shipping`);
   },
   createPrintLabels(order, shipment, rate) {
-    return _post(`admin/shop/${order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/print-labels`, rate);
+    return _post(`admin/shop/${order.shop?._id || order.shop}/order/${order._id}/shipment/${shipment._id || shipment.guid}/print-labels`, rate);
   },
   createOrderRefund(order, refund, shop) {
     return _post(`shop/${shop}/order/${order}/refund`, refund);

package/assets/js/constants/country.js

@@ -1,4 +1,4 @@
 export const COUNTRIES_CODES = {
   Australia: 'AU',
-  'United Kingdom': 'UK'
+  'United Kingdom': 'GB'
 };

package/assets/scss/ui_kit/_forms.scss

@@ -177,7 +177,7 @@ html[dir=rtl] .form-icon-left {
   height: 50px;
   border-width: 1px;
   border-style: solid;
-  border-color: #EFF1F2;
+  border-color: $grey_3;
   border-radius: 5px;
   font-style: normal;
   font-weight: normal;
@@ -424,7 +424,7 @@ html[dir=rtl] .textarea {
   }
   &__tags {
     min-height: 50px;
-    border: 1px solid #e5e5e5;
+    border: 1px solid $grey_3;
     border-radius: 8px !important;
     padding: 19px 3px 4px 20px;
   }

package/assets/scss/ui_kit/_tooltip.scss

@@ -1,3 +1,5 @@
+@import "@/assets/scss/variables";
+
 .tooltip {
   display: block !important;
   z-index: 10000;
@@ -25,7 +27,7 @@
   &.white &-inner {
     background: #FFF !important;
     color: #575872 !important;
-    border: 1px solid #EFF1F2 !important;
+    border: 1px solid $grey_3 !important;
   }
   &.white &-arrow {
     border-color: #FFF !important;

package/assets/scss/variables/_theme.scss

@@ -15,7 +15,7 @@ $white_high_emphasis: #FFFFFF;
 $white_medium_emphasis: rgba(255, 255, 255, .66);
 $gray: #575872 !default;
 $medium_gray: #B0B0BA !default;
-$light_gray: #F9F9FC !default;
+$light_gray: #F9F9FC;
 $link: #5D89A9;
 $error: #E44868;
 $secondary_900: #20303C;
@@ -52,8 +52,8 @@ $black: #343750 !default;
 $gray_main: #616277 !default;
 $grey_1: #616277 !default;
 $grey_2: #B0B0BA !default;
-$grey_3: #EFF1F2 !default;
-$grey_4: #F9F9FC !default;
+$grey_3: #EFF1F2;
+$grey_4: #F9F9FC;
 $grey_5: #9898A5 !default;
 
 $white: #fff;

package/components/checkout/cart/cart_entity/cart-entity.vue

@@ -2,11 +2,11 @@
   <div class="CartEntity__wrapper">
     <div class="CartEntity__info">
       <div class="lc_title">
-        <nuxt-link
+        <a
           class="CartEntity__link"
-          :to="productLink">
+          :href="productLink">
           {{ product.name }}
-        </nuxt-link>
+        </a>
       </div>
       <div
         v-if="product.sameDayDispatch"
@@ -15,11 +15,11 @@
           <span class="CartEntity__same-day-dispatch"></span>
           <span>
             This product qualifies for same day dispatch.
-            <nuxt-link
+            <a
               class="lc_black"
-              to="/faq?group=delivery&id=636f6b3fc305bd0304700d1f">
+              href="/faq?group=delivery&id=636f6b3fc305bd0304700d1f">
               read more
-            </nuxt-link>
+            </a>
           </span>
         </div>
       </div>

package/components/checkout/order/address-form/address-form.vue

@@ -203,7 +203,7 @@
           <input
             id="country"
             ref="country"
-            value="Only Australia"
+            :value="address.country === 'Australia' ? 'Only Australia' : address.country"
             name="country"
             type="country"
             class="form-field filled labelless"
@@ -296,6 +296,7 @@ export default {
         this.$set(this.address, 'state', suburb.state);
         this.$set(this.address, 'postcode', suburb.postcode);
         this.$set(this.address, 'city', suburb.locality);
+        this.$set(this.address, 'country', suburb.country);
       }
     },
     handleSuburbChange(suburb) {

package/components/checkout/order/order.vue

@@ -98,7 +98,7 @@ export default {
       company: null,
       additionalInfo: null,
       suburb: null,
-      country: 'Australia',
+      country: null,
       state: null,
       postcode: null
     };

package/components/common/breadcrumbs/breadcrumbs.vue

@@ -3,11 +3,11 @@
     v-if="hasBreadcrumbs"
     class="Breadcrumbs__wrapper">
     <div class="Breadcrumbs__item-wrapper">
-      <nuxt-link
+      <a
         class="Breadcrumbs__item"
-        to="/">
+        href="/">
         Home
-      </nuxt-link>
+      </a>
       <span class="Breadcrumbs__divider">
         {{ divider }}
       </span>
@@ -16,12 +16,12 @@
       v-for="(item, index) in items"
       :key="index"
       class="Breadcrumbs__item-wrapper">
-      <nuxt-link
+      <a
         v-if="item.to"
         class="Breadcrumbs__item"
-        :to="item.to">
+        :href="item.to">
         {{ item.text }}
-      </nuxt-link>
+      </a>
       <span
         v-else
         class="Breadcrumbs__item">

package/components/common/btn.vue

@@ -1,6 +1,6 @@
 <template>
   <component
-    :is="to ? 'nuxt-link' : (btnType || btnTag || 'div')"
+    :is="to ? 'a' : (btnType || btnTag || 'div')"
     :type="btnType"
     class="Btn__wrapper"
     :class="{
@@ -12,7 +12,7 @@
       'icon-after': $slots['icon-after'],
       icon: $slots.icon
     }"
-    :to="to"
+    :href="to"
     @click.stop="$emit('onclick');">
     <transition name="scale" mode="out-in" appear>
       <div

package/components/common/payment/payment_card/pinpayment/pinpayment.vue

@@ -86,6 +86,8 @@
 </template>
 
 <script>
+let interval = null;
+
 export default {
   name: 'Payment',
   props: {
@@ -108,14 +110,17 @@ export default {
       fields: null
     };
   },
-  mounted() {
+  async mounted() {
     this.loading = true;
+
+    await this.preloadPinpayments();
+
     if (window.HostedFields) {
-      this.initHostedPayment();
+      await this.initHostedPayment();
     } else {
-      window.addEventListener('load', () => {
+      window.addEventListener('load', async () => {
         if (!this.fields) {
-          this.initHostedPayment();
+          await this.initHostedPayment();
         }
       });
     }
@@ -194,7 +199,31 @@ export default {
           }
         );
       });
-    }
+    },
+    async preloadPinpayments() {
+        if (!window.HostedFields) {
+          clearInterval(interval);
+          await this.loadPinpayments();
+          await new Promise((resolve, reject) => {
+            interval = setInterval(() => {
+              if (window.HostedFields) {
+                clearInterval(interval);
+                resolve()
+              }
+            }, 100);
+          });
+        }
+      },
+      loadPinpayments() {
+        return new Promise((resolve) => {
+          const script = document.createElement('script');
+          script.type = "text/javascript";
+          script.src = 'https://cdn.pinpayments.com/pin.hosted_fields.v1.js';
+          script.onload = () => resolve();
+          const body = document.getElementsByTagName('body')[0]; 
+          body.appendChild(script);
+        });
+      }
   }
 };
 </script>

package/components/common/postcode_select/postcode-select.vue

@@ -88,6 +88,9 @@ export default {
   },
   filters: { highlight },
   props: {
+    country: {
+      type: Object
+    },
     value: {
       type: String
     },
@@ -147,7 +150,8 @@ export default {
     async handleSearch(query) {
       if (query.length) {
         this.isLoading = true;
-        this.suburbs = await api.fetchSuburbs({ query });
+        const country = this.country ? (this.country.isoCode === 'GB' ? 'England' : (this.country.name || this.country)) : 'Australia';
+        this.suburbs = await api.fetchSuburbs({ query, country });
         this.options = this.suburbs.map(this.createOptionFromSuburb);
         this.isLoading = false;
       } else {

package/components/customer/signin_form/signin-form.vue

@@ -68,11 +68,11 @@
             </validation-provider>
           </div>
         </div>
-        <nuxt-link
-          to="/customer/recovery"
+        <a
+          href="/customer/recovery"
           class="SignInFrom__recovery">
           Forgot Password?
-        </nuxt-link>
+        </a>
       </div>
       <div class="form__footer">
         <div

package/components/design/approve_design_header/approve-design-header.vue

@@ -36,7 +36,7 @@
           {{ order.postcode }},
           {{ order.state }},
           {{ order.city }},
-          Australia
+          {{ order.country || 'Australia'}}
         </span>
       </div>
     </div>

package/components/editor/editor.vue

@@ -18,7 +18,9 @@
               </component>
             </template>
           </tabs>
-          <div class="Editor__footer">
+          <div
+            v-if="productAvailableInCurrentCountry"
+            class="Editor__footer">
             <btn
               btn-label="Start again"
               btn-class="white"
@@ -135,8 +137,12 @@ export default {
     ...mapGetters('layers', [
       'layerThumbnails'
     ]),
+    productAvailableInCurrentCountry() {
+      const { countries } = this.product;
+      return !(countries || []).length || countries.includes(this.country._id);
+    },
     addToCartDisabled() {
-      return !(this.template.layers.length && this.usedSimpleProducts.length);
+      return !this.usedSimpleProducts.length || (this.product.printOnly && !this.template.layers.length);
     }
   },
   watch: {

package/components/editor/editor_product_details/editor-product-details.scss

@@ -47,4 +47,10 @@
       text-align: center;
     }
   }
+  &__available-warning {
+    background-color: $error;
+    color: $white;
+    padding: 10px;
+    margin-top: 10px;
+  }
 }

package/components/editor/editor_product_details/editor-product-details.vue

@@ -61,8 +61,13 @@
         </div>
       </div>
     </div>
+    <div
+      v-if="!productAvailableInCurrentCountry"
+      class="EditorProductDetails__available-warning">
+      Product Not Available in {{ country.name }}
+    </div>
     <fragment
-      v-if="productDetailsLoaded">
+      v-if="productDetailsLoaded && productAvailableInCurrentCountry">
       <div class="EditorProductDetails__section">
         <product-colors-selector />
       </div>
@@ -112,8 +117,13 @@ export default {
       'layerThumbnails'
     ]),
     ...mapGetters([
-      'pricingSettings'
+      'pricingSettings',
+      'country'
     ]),
+    productAvailableInCurrentCountry() {
+      const { countries } = this.product;
+      return !(countries || []).length || countries.includes(this.country._id);
+    },
     productLink() {
       return generateProductLink(this.product);
     },

package/components/errors/404.vue

@@ -13,11 +13,11 @@
       The link you clicked on may be broken or no longer exist.
     </p>
     <div class="mt-10">
-      <nuxt-link
-        to="/"
+      <a
+        href="/"
         class="form-button btn-green">
         Home page
-      </nuxt-link>
+      </a>
     </div>
   </div>
 </template>

package/components/errors/500.vue

@@ -13,11 +13,11 @@
       Internal Server Error
     </p>
     <div class="mt-10">
-      <nuxt-link
-        to="/"
+      <a
+        href="/"
         class="form-button btn-green">
         Home page
-      </nuxt-link>
+      </a>
     </div>
   </div>
 </template>

package/components/faq/faq.vue

@@ -111,7 +111,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "@lancom/shared/assets/scss/variables";
+@import "@/assets/scss/variables";
 $types: delivery, general, other, printing, garments;
 .FAQ {
   &__wrapper {
@@ -218,7 +218,7 @@ $types: delivery, general, other, printing, garments;
     &-body {
       padding: 6px 30px 24px 30px;
       line-height: 27px;
-      color: $gray;
+      color: $grey_1;
       overflow: hidden;
       @import "@lancom/shared/assets/scss/normalize";
     }

package/components/modals/order_modal/order-modal.vue

@@ -127,11 +127,11 @@
             {{ errors[0] }}
           </span>
         </validation-provider>
-        <div class="form-row">
+        <div v-if="suburb" class="form-row">
           <input
             id="country"
             ref="country"
-            value="Only Australia"
+            :value="suburb.country"
             name="country"
             type="country"
             class="form-field filled labelless"
@@ -303,6 +303,9 @@ export default {
   mounted() {
     if (this.orderData) {
       this.form = {
+        state: null,
+        country: null,
+        postcode: null,
         city: this.orderData.city,
         phone: this.orderData.phone,
         addressLine1: this.orderData.addressLine1,
@@ -325,8 +328,18 @@ export default {
     ...mapActions('cart', [
       'calculateCartPrice'
     ]),
+    setAddressSuburb(suburb) {
+      this.$set(this.form, 'suburb', suburb);
+      if (suburb) {
+        this.$set(this.form, 'state', suburb.state);
+        this.$set(this.form, 'postcode', suburb.postcode);
+        this.$set(this.form, 'city', suburb.locality);
+        this.$set(this.form, 'country', suburb.country);
+      }
+    },
     handleSuburbChange(suburb) {
       this.form.suburb = suburb;
+      this.setAddressSuburb(suburb);
       this.setSuburb(suburb);
       this.calculateCartPrice({ shop: this.shop });
     },
@@ -335,6 +348,7 @@ export default {
     },
     async submit() {
       try {
+        debugger;
         this.processing = true;
         const recaptchaToken = await this.getRecaptcha('create_order');
         await this.createOrder({

package/components/news/news_list_item/news-list-item.vue

@@ -2,20 +2,20 @@
   <article
     class="NewsListItem__wrapper"
     :style="{ backgroundImage }">
-    <nuxt-link
+    <a
       class="NewsListItem__overlay"
-      :to="{ path: linkToNews }"
-      :title="item.title"></nuxt-link>
+      :href="linkToNews"
+      :title="item.title"></a>
     <div class="NewsListItem__info">
       <template v-if="!item.isHiddenThumbLink">
         <h3>
-          <nuxt-link
-            :to="{ path: linkToNews }"
+          <a
+            :href="linkToNews"
             class="NewsListItem__link"
             :style="{ color: item.color }"
             :title="item.title">
             {{ item.title }}
-          </nuxt-link>
+          </a>
         </h3>
         <div
           class="NewsListItem__text"
@@ -29,12 +29,12 @@
         {{ item.createdAt | date }}
       </div>
     </div>
-    <nuxt-link
-      :to="{ path: linkToNews }"
+    <a
+      :href="linkToNews"
       class="NewsListItem__more"
       :title="item.title">
       <span>Read More</span>
-    </nuxt-link>
+    </a>
   </article>
 </template>
 

package/components/pricing/pricing_example/pricing-example.vue

@@ -29,11 +29,11 @@
           </div>
           <div class="PricingExample__faq-link-container">
             Check our
-            <nuxt-link
-              to="/faq?group=pricing&id=1"
+            <a
+              href="/faq?group=pricing&id=1"
               class="PricingExample__faq-link">
               Pricing FAQ
-            </nuxt-link>
+            </a>
           </div>
         </div>
         <div

package/components/product/printed_product_images/printed_product_image/printed-product-image.vue

@@ -1,18 +1,18 @@
 <template>
   <div
     class="PrintedProductImage__wrapper">
-    <nuxt-link
-      :to="imageLink"
+    <a
+      :href="imageLink"
       class="PrintedProductImage__link">
       <div
         v-if="productСover"
         class="PrintedProductImage__link-cover"
         :style="productСoverBg"></div>
-    </nuxt-link>
+    </a>
     <div class="PrintedProductImage__content">
-      <nuxt-link :to="imageLink">
+      <a :href="imageLink">
         {{ image.description }}
-      </nuxt-link>
+      </a>
     </div>
   </div>
 </template>

package/components/products/product_list_product/product-list-product.vue

@@ -4,8 +4,8 @@
     :class="{
       'ProductListProduct__wrapper--full': full,
     }">
-    <nuxt-link
-      :to="productLink"
+    <a
+      :href="productLink"
       class="ProductListProduct__link">
       <img
         v-if="productBrand"
@@ -38,10 +38,10 @@
       <div class="ProductListProduct__gender">
         <span>{{ product.gender }}</span>
       </div>
-    </nuxt-link>
+    </a>
     <div class="ProductListProduct__info">
       <div class="ProductListProduct__info-item">
-        <nuxt-link :to="productLink" class="lc_h4 row">
+        <a :href="productLink" class="lc_h4 row">
           <div>
             <v-popover trigger="hover">
               <span class="ProductListProduct__info-name">
@@ -55,7 +55,7 @@
           <div>
             | {{ product.SKU }}
           </div>
-        </nuxt-link>
+        </a>
       </div>
       <div
         v-if="product.minPrice === product.maxPrice"

package/components/products/product_list_product_placeholder/product-list-product-placeholder.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="ProductListProductPlaceholder__wrapper">
-    <nuxt-link
-      :to="productLink"
+    <a
+      :href="productLink"
       class="ProductListProductPlaceholder__link">
       <span class="ProductListProductPlaceholder__image"></span>
       <span class="ProductListProductPlaceholder__info ProductListProductPlaceholder__info--large"></span>
       <span class="ProductListProductPlaceholder__info ProductListProductPlaceholder__info--medium"></span>
       <span class="ProductListProductPlaceholder__info ProductListProductPlaceholder__info--small"></span>
       {{ product.name }}
-    </nuxt-link>
+    </a>
   </div>
 </template>
 

package/components/products/products_autocomplete/products-autocomplete.scss

@@ -10,20 +10,21 @@
     right: 0;
     top: 41px;
     padding: 10px;
-    background-color: $black;
-    color: $white;
+    background-color: white;
+    border: 1px solid $medium_gray;
+    z-index: 999;
   }
   &__result-item {
     padding-bottom: 10px;
     margin-bottom: 10px;
-    border-bottom: 1px solid $gray_main;
+    border-bottom: 1px solid $medium_gray;
     &:last-child {
       border-bottom: none;
       margin-bottom: 0px;
     }
     ::v-deep {
       a {
-        color: $white;
+        color: $gray_main;
         font-size: 13px;
         text-decoration: none;
       }
@@ -33,24 +34,22 @@
       padding: 10px;
       text-align: center;
       display: block;
-      background-color: $white;
+      background-color: $black;
+      color: $white !important;
       &:hover {
-        background-color: $black;
-        color: $white;
+        background-color: $white;
+        color: $black !important;
       }
     }
   }
   &__input {
     input {
-      background-color: #535353;
-      border: none;
+      border-color: $medium_gray;
       border-radius: 0px;
-      color: $white;
       height: 41px;
       position: relative;
       z-index: 1;
       &::placeholder {
-        font-weight: 600;
         font-size: 14px;
         color: $grey_3;
       }
@@ -61,7 +60,6 @@
       right: 10px;
       font-size: 17px;
       pointer-events: none;
-      color: $white;
       &.icon-search {
         z-index: 2;
         pointer-events: all;

package/components/products/products_autocomplete/products-autocomplete.vue

@@ -28,11 +28,11 @@
       </div>
       <div v-if="hasProducts">
         <div class="ProductsAutocomplete__result-item">
-          <nuxt-link
+          <a
             class="ProductsAutocomplete__result-item-all"
-            :to="fullSearchLink">
+            :href="fullSearchLink">
             click to see all results
-          </nuxt-link>
+          </a>
         </div>
         <products-autocomplete-item
           v-for="product of products"

package/components/products/products_autocomplete/products_autocomplete-item/products-autocomplete-item.vue

@@ -1,10 +1,10 @@
 <template>
   <div @click="$emit('select', product)">
-    <nuxt-link
-      :to="productLink"
+    <a
+      :href="productLink"
       class="ProductListProduct__link">
       {{ product.SKU }} - {{ product.name }}
-    </nuxt-link>
+    </a>
   </div>
 </template>
 

package/components/products/products_link/products-link.vue

@@ -1,10 +1,10 @@
 <template>
-  <nuxt-link
-    :to="link"
+  <a
+    :href="link"
     class="ProductsLink"
     rel=”nofollow”>
     <slot></slot>
-  </nuxt-link>
+  </a>
 </template>
 
 <script>

package/components/products/products_types/products-types.vue

@@ -8,8 +8,8 @@
         :class="{
           'ProductsTypes__item--active': type.alias === currentType
         }">
-        <nuxt-link
-          :to="`/products${type.alias === currentType ? '' : `/${type.alias}`}`"
+        <a
+          :href="`/products${type.alias === currentType ? '' : `/${type.alias}`}`"
           class="ProductsTypes__more">
           <checked-icon
             v-if="hasSelectedIcon"
@@ -25,7 +25,7 @@
             v-else-if="hasThumbs"
             :class="`icon-${type.alias}`"></i>
           {{ type.name }}
-        </nuxt-link>
+        </a>
       </div>
     </toggle-content>
   </div>

package/components/quotes/quote_request/quote-request.vue

@@ -354,7 +354,7 @@ export default {
           email: '',
           phone: '',
           suburb: null,
-          country: 'Australia'
+          country: null
         },
         expectedItemsQuantity: null,
         description: '',

package/components/quotes/quote_view/quote_view_product/quote-view-product.vue

@@ -6,12 +6,12 @@
         class="lc_title">
         {{ product.SKU }}
       </div>
-      <nuxt-link
+      <a
         v-else
         class="QuoteViewProduct__link lc_title"
-        :to="productLink">
+        :href="productLink">
         {{ product.product.name }}
-      </nuxt-link>
+      </a>
       <div
         v-if="!product.isCustom"
         class="QuoteViewProduct__features">

package/components/the_breadcrumbs/the-breadcrumbs.vue

@@ -12,11 +12,11 @@
           :key="i"
           class="TheBreadcrumbs__step lc_regular14"
           :class="item.classes">
-          <nuxt-link
+          <a
             v-if="item.path"
-            :to="item.path">
+            :href="item.path">
             {{ item.name }}
-          </nuxt-link>
+          </a>
           <span v-else>
             {{ item.name }}
           </span>

package/components/the_footer/the-footer.vue

@@ -4,11 +4,11 @@
       <div class="row">
         <div class="col-sm-4 col-12">
           <div class="TheFooter__col--left">
-            <nuxt-link to="/">
+            <a href="/">
               <img
                 class="TheFooter__logo"
                 src="~static/images/logo.svg" />
-            </nuxt-link>
+            </a>
             <div class="TheFooter__payment-methods">
               <span class="TheFooter__payment-methods-label">
                 Payment methods we accept:
@@ -29,22 +29,22 @@
             <div class="TheFooter__nav-wrapper">
               <ul class="TheFooter__nav">
                 <li>
-                  <nuxt-link
-                    to="/pricing"
+                  <a
+                    href="/pricing"
                     active-class="active"
                     class="TheFooter__nav-item">
                     Pricing
-                  </nuxt-link>
+                  </a>
                 </li>
               </ul>
               <ul class="TheFooter__nav">
                 <li>
-                  <nuxt-link
-                    to="/faq"
+                  <a
+                    href="/faq"
                     active-class="active"
                     class="TheFooter__nav-item">
                     FAQ
-                  </nuxt-link>
+                  </a>
                 </li>
               </ul>
             </div>

package/mixins/meta-info.js

@@ -34,7 +34,10 @@ const metaInfo = {
     }
   },
   head() {
-    const hasQueryParams = Object.keys(this.$route.query || {}).length > 0;
+    const hasQueryParams = Object
+      .keys(this.$route.query || {})
+      .filter(key => !['color', 'store'].includes(`${key || ''}`.toLowerCase()))
+      .length > 0;
 
     const { short_text: shortText, image, meta = {} } = this.routeInfo || {};
     const pageItemMeta = this.pageItem?.meta || {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lancom/shared",
-  "version": "0.0.252",
+  "version": "0.0.253",
   "description": "lancom common scripts",
   "author": "e.tokovenko <e.tokovenko@gmail.com>",
   "repository": {

package/store/product.js

@@ -160,6 +160,7 @@ export const actions = {
         commit('setSelectedPrintArea', { printArea: first._id, size: first.printSize });
       }
     } catch (e) {
+      console.log(e);
       const { status, data } = e?.response || {};
       const statusCode = status || 500;
       commit('setLoadError', {