chore: return product id in shopping cart example (vuejs#1918)

sarvex · Oct 4, 2021 · 8c1c5d9 · 8c1c5d9
1 parent c0bad80
commit 8c1c5d9
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/examples/classic/shopping-cart/components/ShoppingCart.vue b/examples/classic/shopping-cart/components/ShoppingCart.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="cart">
     <h2>Your Cart</h2>
-    <p v-show="!products.length"><i>Please add some products to cart.</i></p>
+    <p v-show="!products.length">
+      <i>Please add some products to cart.</i>
+    </p>
     <ul>
-      <li
-        v-for="product in products"
-        :key="product.id">
+      <li v-for="product in products" :key="product.id">
         {{ product.title }} - {{ currency(product.price) }} x {{ product.quantity }}
       </li>
     </ul>

diff --git a/examples/classic/shopping-cart/store/modules/cart.js b/examples/classic/shopping-cart/store/modules/cart.js
@@ -14,6 +14,7 @@ const getters = {
     return state.items.map(({ id, quantity }) => {
       const product = rootState.products.all.find(product => product.id === id)
       return {
+        id: product.id,
         title: product.title,
         price: product.price,
         quantity

diff --git a/examples/composition/shopping-cart/components/ShoppingCart.vue b/examples/composition/shopping-cart/components/ShoppingCart.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="cart">
     <h2>Your Cart</h2>
-    <p v-show="!products.length"><i>Please add some products to cart.</i></p>
+    <p v-show="!products.length">
+      <i>Please add some products to cart.</i>
+    </p>
     <ul>
-      <li
-        v-for="product in products"
-        :key="product.id">
+      <li v-for="product in products" :key="product.id">
         {{ product.title }} - {{ currency(product.price) }} x {{ product.quantity }}
       </li>
     </ul>

diff --git a/examples/composition/shopping-cart/store/modules/cart.js b/examples/composition/shopping-cart/store/modules/cart.js
@@ -13,6 +13,7 @@ const getters = {
     return state.items.map(({ id, quantity }) => {
       const product = rootState.products.all.find(product => product.id === id)
       return {
+        id: product.id,
         title: product.title,
         price: product.price,
         quantity