[FIX] variables names on variant selector

src/components/ProductSelector.vue

@@ -3,7 +3,7 @@
         modal(name="product-selector" transition="nice-modal-fade" height="500" @closed="handleClosed")
             input.variant-searcher(type="search" placeholder="Buscar una variante de producto" v-model="search")
             .product-variants
-                product-variant(v-for="variant in variants" :key="variant.id" :data="variant")
+                product-variant(v-for="variant in variants" :key="variant.id" :item="variant")
 </template>
 
 <script>

src/components/ProductVariant.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
-    .product-variant(@click="selectVariant({ data })")
-        img.variant-image(:src="this.data.image_medium ? 'data:image/png;base64,' + this.data.image_medium : '/web/static/src/img/placeholder.png'")
+    .product-variant(@click="selectVariant(item)")
+        img.variant-image(:src="this.item.image_medium ? 'data:image/png;base64,' + this.item.image_medium : '/web/static/src/img/placeholder.png'")
         .variant-details
-            h2.variant-name {{ data.display_name }}
+            h2.variant-name {{ item.display_name }}
 </template>
 
 <script>
@@ -10,7 +10,7 @@
 
     export default {
         props: {
-            data: {
+            item: {
                 type: Object,
                 default: () => {
                     return {}

src/store/modules/products.js

@@ -77,7 +77,7 @@ const actions = {
             return
         
         dispatch('addToCart', {
-            product: payload.data
+            product: payload
         })
     },
     filterProducts({ commit }, payload) {