diff --git a/customer-vue/src/components/SlideStore.vue b/customer-vue/src/components/SlideStore.vue
index d2152c9..2e99c51 100644
--- a/customer-vue/src/components/SlideStore.vue
+++ b/customer-vue/src/components/SlideStore.vue
@@ -6,7 +6,7 @@
       <v-slide-item
           :class="storeList.isActive"
           v-for="n in 3"
-          :key="n"
+          :key="id + n"
       >
         <v-skeleton-loader
             class="my-3 mx-3"
@@ -14,7 +14,7 @@
             height="250"
             width="165"
             type="card"
-            :key="n"
+            :key="id + n"
         ></v-skeleton-loader>
         </v-slide-item>
       <v-slide-item
@@ -58,7 +58,7 @@
 <script>
 export default {
   name: "SlideStore",
-  props:["storeList"],
+  props:["storeList", "id"],
 
 }
 </script>
diff --git a/customer-vue/src/views/HomeView.vue b/customer-vue/src/views/HomeView.vue
index 7ae522d..2ce4121 100644
--- a/customer-vue/src/views/HomeView.vue
+++ b/customer-vue/src/views/HomeView.vue
@@ -8,6 +8,7 @@
         </div>
         <slide-store
             :store-list="nearbyStores"
+            :id="'nearby'"
         ></slide-store>
       </v-col>
     </v-row>
@@ -24,6 +25,7 @@
         </div>
         <slide-store
           :store-list="favoriteStoreList"
+          :id="'favorite'"
         ></slide-store>
       </v-col>
     </v-row>