From a9bd047ea147cacfcb4003946aeebccd2c5e1e4e Mon Sep 17 00:00:00 2001
From: keng0o <qczpm@yahoo.co.jp>
Date: Sat, 1 Sep 2018 13:06:32 +0900
Subject: [PATCH] fix: Add key to v-for (#1369)

---
 examples/shopping-cart/components/ProductList.vue  | 4 +++-
 examples/shopping-cart/components/ShoppingCart.vue | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/examples/shopping-cart/components/ProductList.vue b/examples/shopping-cart/components/ProductList.vue
index 551d7b6bf..a6d5fca57 100644
--- a/examples/shopping-cart/components/ProductList.vue
+++ b/examples/shopping-cart/components/ProductList.vue
@@ -1,6 +1,8 @@
 <template>
   <ul>
-    <li v-for="product in products">
+    <li
+      v-for="product in products"
+      :key="product.id">
       {{ product.title }} - {{ product.price | currency }}
       <br>
       <button
diff --git a/examples/shopping-cart/components/ShoppingCart.vue b/examples/shopping-cart/components/ShoppingCart.vue
index 88b98a07b..b0f3b36f2 100644
--- a/examples/shopping-cart/components/ShoppingCart.vue
+++ b/examples/shopping-cart/components/ShoppingCart.vue
@@ -3,7 +3,9 @@
     <h2>Your Cart</h2>
     <p v-show="!products.length"><i>Please add some products to cart.</i></p>
     <ul>
-      <li v-for="product in products">
+      <li
+        v-for="product in products"
+        :key="product.id">
         {{ product.title }} - {{ product.price | currency }} x {{ product.quantity }}
       </li>
     </ul>