vue

src/App.vue

@@ -1,17 +1,16 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <cihly pocet="25"/>
   </div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
+import cihly from './components/cihly.vue'
 
 export default {
   name: 'App',
   components: {
-    HelloWorld
+    cihly
   }
 }
 </script>

src/components/cihly.vue

@@ -0,0 +1,42 @@
+<template>
+    <div>
+        Cihly
+        {{ pocet }}
+
+        <img v-on:click="prilozit(c)" v-for="c in hromada" :key="c" src="../assets/brick.png" alt="">
+        
+        <hr>
+         <img v-for="i in komin" :key="i" src="../assets/brick.png" alt="">
+    </div>
+</template>
+
+<script>
+export default {
+  name: 'Cihly',
+  data: function(){
+      return{
+          hromada: [1, 2, 3, 4, 5],
+          komin: [],
+      }
+  },
+  methods: {
+      prilozit: function(c) {
+          this.komin.push(c, 1);
+          this.hromada.splice(this.hromada.indexOf(c),1);
+
+      },
+  },
+  props: {
+      pocet: {default: () => 0},
+  },
+}
+
+</script>
+
+
+<style>
+ img{
+     width: 50px;
+ }
+
+</style>