fixbug header

components/user/Header.vue

@@ -91,10 +91,12 @@
       <v-container class="header-middle-content" py-7>
         <v-col cols="12" md="8" class="header-middle-left padding-0">
           <div class="logo">
+            <router-link :to="`/home-page/`">
               <v-img
                 width="153px"
                 src="https://d-themes.com/html/riode/images/logo.png"
               />
+            </router-link>
           </div>
           <v-form class="d-flex form-search">
             <v-text-field
@@ -143,7 +145,7 @@
             <v-menu activator="#menu-activator" style="width: 300px">
               <v-list class="list-item no-scroll" dense three-line>
                 <v-list-item
-                  v-for="item in products"
+                  v-for="(item, index) in products"
                   :key="item.id"
                   link
                 >
@@ -151,7 +153,9 @@
                     <v-img :src="item.product.images[0]" />
                   </v-list-item-avatar>
                   <v-list-item-content class="list-item-card">
-                    <v-list-item-title class="font-weight-bold">{{ item.product.name }}</v-list-item-title>
+                    <v-list-item-title class="font-weight-bold">
+                      {{ item.product.name }}
+                    </v-list-item-title>
                     <v-list-item-subtitle>{{ item.quantity +"x"+ item.product.price + "$" }}</v-list-item-subtitle>
                   </v-list-item-content>
 
@@ -194,8 +198,8 @@
     <SignupModal :status="activeRegister" @close="activeRegister = false" />
     <!-- show drawer -->
     <v-navigation-drawer
-      class="nav-modal"
       v-model="drawer"
+      class="nav-modal"
       absolute
       right
       width="350px"
@@ -212,12 +216,14 @@
       <v-divider />
 
       <v-list dense three-line>
-        <v-list-item v-for="item in wishlist" :key="item.name" link>
+        <v-list-item v-for="(item,index) in wishlist" :key="item.name" link>
           <v-list-item-avatar tile class="align-center item-avatar">
-            <v-img tile :src="item.product.images[0]"/>
+            <v-img tile :src="item.product.images[0]" />
           </v-list-item-avatar>
           <v-list-item-content class="list-item-card">
-            <v-list-item-title class="font-weight-bold">{{ item.product.name }}</v-list-item-title>
+            <v-list-item-title class="font-weight-bold">
+              {{ item.product.name }}
+            </v-list-item-title>
             <v-list-item-subtitle>{{ item.product.price + '$' }}</v-list-item-subtitle>
           </v-list-item-content>
 

pages/products/index.vue

@@ -800,6 +800,7 @@ export default {
           console.log(response)
           this.editedItem = response.data.data
           Object.assign(this.products[currentPostIndex], this.editedItem)
+          this.clearImage()
         })
         .catch((error) => {
           console.log(error)
@@ -836,7 +837,6 @@ export default {
     fileSelected (event) {
       if (event) {
         for (let i = 0; i < event.length; i++) {
-          console.log(event[i])
           this.files.push(URL.createObjectURL(event[i]))
         }
       }