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

---
 src/index.html | 2 +-
 src/js/card.js | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/index.html b/src/index.html
index 66c3c26..c17c58d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -26,7 +26,7 @@
 
         <div class="row">
             <div class="col-6" v-for="(card, i) of cards" :key="card.id">
-                <card></card>
+                <card :css-class="i % 2 === 0 ? 'bg-primary' : 'bg-secondary'"></card>
             </div>
         </div>
     </div>
diff --git a/src/js/card.js b/src/js/card.js
index cb5ee93..8729523 100644
--- a/src/js/card.js
+++ b/src/js/card.js
@@ -1,7 +1,8 @@
 MyVueApp.component('card', {
+    props: ['cssClass'],
     template: `
 <div class="card">
-    <div>
+    <div :class="cssClass">
         <div class="card-body">
             <h5 class="card-title"></h5>
         </div>