Odebrání z košíku

src/App.vue

@@ -12,18 +12,20 @@
       </div>
     </div>
     
-    <p class="cena">
-      Celková cena: {{ cena }} Kč
-    </p>
-    <p>
-      <button v-on:click="seznam = []">vyprázdnit košík</button>
-    </p>
+    <div v-if="seznam.length > 0" class="center">
+      <p class="cena">
+        Celková cena: {{ cena }} Kč
+      </p>
+      <p>
+        <button v-on:click="seznam = []">vyprázdnit košík</button>
+      </p>
+    </div>
 
     <div v-for="obj, i in seznam" :key="i" class="seznam-grid">
       <div><img :src="obj.obrazek" alt=""></div>
       <div>{{ obj.popisek }}</div>
       <div>{{ obj.cena }},-</div>
-      <div><button>odebrat</button></div>
+      <div><button v-on:click="seznam.splice(i, 1)">odebrat</button></div>
     </div>
   </div>
 </template>
@@ -139,4 +141,8 @@ export default {
   .seznam-grid img {
     width: 100%;
   }
+
+  .center {
+    text-align: center;
+  }
 </style>