Fix

pages/index.vue

@@ -112,15 +112,15 @@
       </div>
     </div>
 
-    <!-- <div  class="p-3" style="background-color: white; position: relative; z-index: 999">
+    <div  class="p-3" style="background-color: white; position: relative; z-index: 999">
       <div>
         <el-carousel :interval="5000" type="card" height="250px">
           <el-carousel-item
-            style="display: flex; justify-content: center; align-items: center"
             v-for="(item, i) in brands"
             :key="i"
+            style="display: flex; justify-content: center; align-items: center"
           >
-            <a :href="item.link" class="m-2 p-2" style="width: 100%; height: 100%">
+            <NuxtLink :to="{ name:'brands-item' , params: { item: item._id } }" class="m-2 p-2" style="width: 100%; height: 100%">
               <div class="row box-shape">
                 <div class="col-lg-4 col-sm-12" style="display: flex; justify-content: center; align-items: center">
                   <img width="188" :src="'/uploads/images/brands/' + item.logo" />
@@ -135,11 +135,11 @@
                   </p>
                 </div>
               </div>
-            </a>
+            </NuxtLink>
           </el-carousel-item>
         </el-carousel>
       </div>
-    </div> -->
+    </div>