From ad97f8c66b50f193e2af50542cc85f13deb1ec1a Mon Sep 17 00:00:00 2001
From: sschum <s.schumann@tarent.de>
Date: Thu, 13 Jul 2023 15:02:53 +0200
Subject: [PATCH] update

---
 src/index.html | 11 ++++-------
 src/js/card.js | 11 +++++++++++
 2 files changed, 15 insertions(+), 7 deletions(-)
 create mode 100644 src/js/card.js

diff --git a/src/index.html b/src/index.html
index 513bab3..66c3c26 100644
--- a/src/index.html
+++ b/src/index.html
@@ -26,13 +26,7 @@
 
         <div class="row">
             <div class="col-6" v-for="(card, i) of cards" :key="card.id">
-                <div class="card" v-on:click="removeCard(i)">
-                    <div :class="i % 2 === 0 ? 'bg-primary' : 'bg-secondary'">
-                        <div class="card-body">
-                            <h5 class="card-title">{{ card.content }} ({{ card.id }})</h5>
-                        </div>
-                    </div>
-                </div>
+                <card></card>
             </div>
         </div>
     </div>
@@ -74,6 +68,9 @@
                 }
             }
         })
+    </script>
+    <script src="./js/card.js"></script>
+    <script>
         MyVueApp.mount('#app')
     </script>
 </body>
diff --git a/src/js/card.js b/src/js/card.js
new file mode 100644
index 0000000..cb5ee93
--- /dev/null
+++ b/src/js/card.js
@@ -0,0 +1,11 @@
+MyVueApp.component('card', {
+    template: `
+<div class="card">
+    <div>
+        <div class="card-body">
+            <h5 class="card-title"></h5>
+        </div>
+    </div>
+</div>
+    `
+})
\ No newline at end of file