Merge pull request #34 from vuestorefront-community/dev

Release v1.5.1

Author: odranoelBR

components/CartSidebar.vue

@@ -143,20 +143,20 @@ import {
   SfProperty,
   SfPrice,
   SfCollectedProduct,
-  SfImage,
-} from "@storefront-ui/vue";
-import { computed } from "@nuxtjs/composition-api";
+  SfImage
+} from '@storefront-ui/vue';
+import { computed } from '@nuxtjs/composition-api';
 import {
   useCart,
   useUser,
   cartGetters,
-  useWishlist,
-} from "@vue-storefront/odoo";
-import { useUiState } from "~/composables";
-import { onSSR } from "@vue-storefront/core";
+  useWishlist
+} from '@vue-storefront/odoo';
+import { useUiState } from '~/composables';
+import { onSSR } from '@vue-storefront/core';
 
 export default {
-  name: "Cart",
+  name: 'Cart',
   components: {
     SfSidebar,
     SfButton,
@@ -165,7 +165,7 @@ export default {
     SfProperty,
     SfPrice,
     SfCollectedProduct,
-    SfImage,
+    SfImage
   },
   setup() {
     const { isCartSidebarOpen, toggleCartSidebar } = useUiState();
@@ -181,7 +181,7 @@ export default {
 
     const addProductToWishList = (product) => {
       addItemToWishlist({
-        product: { ...product.product, firstVariant: product.product.id },
+        product: { ...product.product, firstVariant: product.product.id }
       });
     };
 
@@ -195,9 +195,9 @@ export default {
       totals,
       totalItems,
       cartGetters,
-      addProductToWishList,
+      addProductToWishList
     };
-  },
+  }
 };
 </script>
 

components/Checkout/AdyenDirectPaymentProvider.vue

@@ -38,22 +38,21 @@ export default {
     const router = useRouter();
     const dropinDivElement = ref(null);
     const loading = ref(false);
-    const loadingMakePayment = ref(false);
     const { send } = useUiNotification();
     const { getPaymentConfirmation } = usePayment('');
 
     const {
       openAdyenTransaction,
       getAdyenAcquirerInfo,
       getAdyenPaymentMethods,
-      getAdyenPaymentDetails,
       paymentMethods,
       acquirerInfo,
       adyenMakeDirectPayment,
       transaction
     } = useAdyenDirectPayment(props.provider.id, props.cart?.order?.id);
 
     onMounted(async () => {
+      // eslint-disable-next-line global-require
       const AdyenCheckout = require('@adyen/adyen-web');
 
       loading.value = true;

components/Core/Atoms/OdooButton.vue

@@ -16,47 +16,47 @@ import {
   defineComponent,
   PropType,
   ComputedRef,
-  computed,
+  computed
 } from '@nuxtjs/composition-api';
 import {
   ButtonColor,
   ButtonShape,
   ButtonSize,
-  ButtonType,
+  ButtonType
 } from '@vue-storefront/odoo-api';
 export default defineComponent({
   components: {
-    SfButton,
+    SfButton
   },
   props: {
     disabled: {
       type: Boolean,
-      default: false,
+      default: false
     },
     loading: {
       type: Boolean,
-      default: false,
+      default: false
     },
     link: {
       type: [String, Object],
-      default: null,
+      default: null
     },
     styleType: {
       type: String as PropType<ButtonType>,
-      default: ButtonType.Primary,
+      default: ButtonType.Primary
     },
     shape: {
       type: String as PropType<ButtonShape>,
-      default: ButtonShape.Round,
+      default: ButtonShape.Round
     },
     size: {
       type: String as PropType<ButtonSize>,
-      default: ButtonSize.Small,
+      default: ButtonSize.Small
     },
     color: {
       type: String as PropType<ButtonColor>,
-      default: ButtonColor.Green,
-    },
+      default: ButtonColor.Green
+    }
   },
   emits: ['click'],
   setup(props) {
@@ -107,9 +107,9 @@ export default defineComponent({
     );
 
     return {
-      classes,
+      classes
     };
-  },
+  }
 });
 </script>
 

components/LoginModal.vue

@@ -284,7 +284,7 @@ import {
   SfAlert,
   SfBar
 } from '@storefront-ui/vue';
-import { ValidationProvider, ValidationObserver, extend } from 'vee-validate';
+import { ValidationProvider, ValidationObserver } from 'vee-validate';
 import { useUser, usePassword } from '@vue-storefront/odoo';
 import { useUiState } from '~/composables';
 
@@ -365,13 +365,13 @@ export default {
 
     const handleRegister = async () => handleForm(register, form.value)();
 
-     const handleLogin = async () => {
+    const handleLogin = async () => {
       await handleForm(login, {
         username: form.value.email,
         password: form.value.password
       })();
 
-      if(!error.value.login) {
+      if (!error.value.login) {
         send({
           message: 'You are logged in. Welcome!',
           type: 'success'

components/MyAccount/ProfileUpdateForm.vue

@@ -77,7 +77,7 @@ export default defineComponent({
     SfInput,
     SfModal,
     ValidationProvider,
-    ValidationObserver,
+    ValidationObserver
   },
   emits: ['submit'],
   setup(_, { root }) {
@@ -90,7 +90,7 @@ export default defineComponent({
 
     const resetForm = () => ({
       name: userGetters.getFirstName(user.value) || '',
-      email: userGetters.getEmailAddress(user.value) || '',
+      email: userGetters.getEmailAddress(user.value) || ''
     });
     const form = ref(resetForm());
 
@@ -101,16 +101,16 @@ export default defineComponent({
           user: {
             ...user,
             name: form.value.name,
-            email: form.value.email,
-          },
+            email: form.value.email
+          }
         });
 
         form.value = resetForm();
         requirePassword.value = false;
         currentPassword.value = '';
         send({
           message: root.$t('Successfull update!'),
-          type: 'success',
+          type: 'success'
         });
       } catch (e) {
         form.value = resetForm();
@@ -129,9 +129,9 @@ export default defineComponent({
       user,
       requirePassword,
       currentPassword,
-      form,
+      form
     };
-  },
+  }
 });
 </script>
 <style lang="scss" scoped>

components/MyAccount/ShippingAddressForm.vue

@@ -172,15 +172,13 @@
 <script>
 import { SfInput, SfButton, SfSelect, SfCheckbox } from '@storefront-ui/vue';
 import { useCountrySearch, useShipping } from '@vue-storefront/odoo';
-import { Address } from '@vue-storefront/odoo-api';
 import { useUiNotification } from '~/composables';
 import { ValidationProvider, ValidationObserver } from 'vee-validate';
 import {
   reactive,
   watch,
   defineComponent,
-  onMounted,
-  PropType
+  onMounted
 } from '@nuxtjs/composition-api';
 export default defineComponent({
   name: 'AddressForm',

components/MyAccount/ShippingList.vue

@@ -57,26 +57,26 @@ import { useUiNotification } from '~/composables';
 export default defineComponent({
   components: {
     SfIcon,
-    SfLoader,
+    SfLoader
   },
   props: {
     addresses: {
       type: Array as PropType<Address[]>,
-      default: [],
-    },
+      default: []
+    }
   },
   setup({}, { emit }) {
     const { deleteAddress, loading } = useUserShipping();
     const { send } = useUiNotification();
 
     const handleDeleteAddress = async (shipping: Address) => {
       await deleteAddress({
-        address: { id: shipping.id },
+        address: { id: shipping.id }
       });
 
       send({
         message: 'Successfully deleted!',
-        type: 'info',
+        type: 'info'
       });
     };
 
@@ -87,9 +87,9 @@ export default defineComponent({
     return {
       handleChangeAddress,
       handleDeleteAddress,
-      loading,
+      loading
     };
-  },
+  }
 });
 </script>
 <style scoped lang="scss">

package.json

@@ -42,7 +42,7 @@
     "@vue-storefront/middleware": "2.7.5",
     "@vue-storefront/nuxt": "2.7.5",
     "@vue-storefront/nuxt-theme": "2.7.5",
-    "@vue-storefront/odoo": "1.5.0",
+    "@vue-storefront/odoo": "1.5.1",
     "@vue-storefront/redis-cache": "^1.0.1",
     "cookie-universal-nuxt": "^2.1.3",
     "core-js": "^2.6.5",

pages/Cart.vue

@@ -211,29 +211,29 @@ import {
   SfProperty,
   SfHeading,
   SfBreadcrumbs,
-  SfOrderSummary,
-} from "@storefront-ui/vue";
-import { ref } from "@nuxtjs/composition-api";
-import { computed } from "@nuxtjs/composition-api";
+  SfOrderSummary
+} from '@storefront-ui/vue';
+import { ref } from '@nuxtjs/composition-api';
+import { computed } from '@nuxtjs/composition-api';
 import {
   useCart,
   useUser,
   cartGetters,
-  useWishlist,
-} from "@vue-storefront/odoo";
-import { useUiState } from "~/composables";
-import { onSSR } from "@vue-storefront/core";
+  useWishlist
+} from '@vue-storefront/odoo';
+import { useUiState } from '~/composables';
+import { onSSR } from '@vue-storefront/core';
 
 export default {
-  name: "DetailedCart",
+  name: 'DetailedCart',
   components: {
     SfCollectedProduct,
     SfBreadcrumbs,
     SfImage,
     SfButton,
     SfHeading,
     SfProperty,
-    SfOrderSummary,
+    SfOrderSummary
   },
   setup(_, { root }) {
     // simple test submodule 3
@@ -248,7 +248,7 @@ export default {
 
     const addProductToWishList = (product) => {
       addItemToWishlist({
-        product: { ...product.product, firstVariant: product.product.id },
+        product: { ...product.product, firstVariant: product.product.id }
       });
     };
 
@@ -257,27 +257,27 @@ export default {
     });
     const summary = ref([
       {
-        name: "Products",
-        value: totalItems,
+        name: 'Products',
+        value: totalItems
       },
       {
-        name: "Sub Total",
-        value: totals,
+        name: 'Sub Total',
+        value: totals
       },
       {
-        name: "Shipping",
-        value: "Free",
-      },
+        name: 'Shipping',
+        value: 'Free'
+      }
     ]);
     const breadcrumbs = [
       {
-        text: root.$t("Home"),
-        link: "/",
+        text: root.$t('Home'),
+        link: '/'
       },
       {
-        text: root.$t("Cart"),
-        link: "#",
-      },
+        text: root.$t('Cart'),
+        link: '#'
+      }
     ];
 
     return {
@@ -292,9 +292,9 @@ export default {
       totalItems,
       summary,
       cartGetters,
-      addProductToWishList,
+      addProductToWishList
     };
-  },
+  }
 };
 </script>
 <style lang="scss" scoped>