to fix: Cart, glasses,About bottom figures, vert long tablet overflow

Author: proger-coder

Classes/Cart.js

@@ -1,12 +1,22 @@
 export class Cart{
     cartBox = this.getFromLS() || []; //объекты {item:{item}, S:3}
+    //надо в объекты {item:{item}, sizes:{S:3, M:2}}
 
     addToCart(item = {name:'defName',price:999}, sizes = {XL:1, XS:2}){
         let incomKeys = Object.keys(sizes);
+        console.log('item = ',item)
+        console.log('sizes = ', sizes)
+        if(this.cartBox.length === 0){//массив пуст - смело пушим!! 1 товар - 1 строка. item, sizes
+            this.cartBox.push({item,sizes})
+            console.log('last:', this.cartBox[this.cartBox.length-1])
+        }
+
+
 
         if (this.cartBox.length === 0) {//массив пуст - смело пушим!! для каждого размера по отдельности
             incomKeys.forEach(incomSize => {
                 this.cartBox.push({item,[incomSize]:sizes[incomSize]}) //для каждого размера по отдельности
+                console.log(' \n pushed {item,[incomSize]:sizes[incomSize]} :', {item,[incomSize]:sizes[incomSize]})
             })
         } else {
             //проверить, есть ли совпадения по имени. Да - проверяем ключи. Нет - пушим
@@ -48,13 +58,15 @@ export class Cart{
     totalItems(){
         return this.cartBox.reduce((initial,object) => {
             return initial + Object.values(object)[1]
+            // из-за путаницы с размерами у новых товаров пришлось делать "костыль", чтобы не переписывать все методы с нуля
         },0);
     };
 
     //сложить цены у всех товаров в корзине, перемножив сумму размеров в ordered на цену товара
     totalPrice(){
         return this.cartBox.reduce((initial,object) => {
             return initial + Object.values(object)[1] * object.item.price
+            // из-за путаницы с размерами у новых товаров пришлось делать "костыль", чтобы не переписывать все методы с нуля
         },0)
     };
 

Routes/CartRoute.js

@@ -48,6 +48,7 @@ export const CartRoute = {
                 </div>`,
     methods:{
         size(position){
+
             return Object.keys(position)[1];
         },
         amount(position){

Routes/Collections.js

@@ -77,14 +77,10 @@ export const Collections = {
         },
         async fetchItems(){
             if(this.items.length > 0){
-                console.log('this items  = ', this.items)
                 this.finalItems = this.items;
             }
             else{
-                console.log('bypass')
                 let respObj = await getAPIdata().then(response => response.json());
-                //debugger
-                console.log('this.items = ',this.items)
                 this.finalItems = respObj.items;
             }
         }

Routes/Item.js

@@ -112,28 +112,26 @@ export const Item = {
         async giveMetTrueItem(){
             if(this.items.length > 0){
                 this.item = this.items.find(el => el.id  === +this.$route.params.xxx)
-                console.log('this item now = ', this.item)
                 this.setBigImage = `${this.item?.media?.images[0]?.image800pxUrl}`
             }
             else{
-                console.log('bypass')
                 const idParam = +window.location?.hash?.slice(7) || 0;
                 let respObj = await getAPIdata().then(response => response.json());
-                //debugger
                 this.item = respObj.items.find(item => item.id === +idParam)
                 this.setBigImage = `${this.item?.media?.images[0]?.image800pxUrl}`
             }
         },
-            //работа с выбранными чекбоксами
+            //работа с выбранными чекбоксами - а если размеров нет? как у очков
         orderedSizes(){
             let ordered = {}
             let selects = document.querySelectorAll('select')
-            console.log(`selectorAll  = `,selects)
+
             selects.forEach(el =>{ //чтобы нули не улетали в корзину
                 if(el.value !== '0'){
                     ordered[el.id] = +el.value;
                 }
             })
+            console.log(ordered)
             return ordered //массив вида {S:1,M:0,L:1}
         },
             //назначение большого рисунка

script.js

@@ -49,7 +49,6 @@ const app = Vue.createApp({
             try{
                 let respObject = await getAPIdata().then(response => response.json());
                 this.items = respObject.items;
-                console.log('this.items = ',this.items) // Proxy {[]}
             } catch(e){ console.error(`Error from App.vue/created(): `,e)}
         },