From 7ee4d1777675bcb1ff95dcf038b3179fdbaed95a Mon Sep 17 00:00:00 2001
From: Bastien Jacquelin <bastien.jacquelin@etu.uca.fr>
Date: Mon, 13 Mar 2023 15:13:52 +0100
Subject: [PATCH] module card & deck

---
 src/Model/card-module.js | 16 ++++++++++++++++
 src/Model/deck-module.js | 21 +++++++++++++++++++++
 views/game.html          |  8 +++++++-
 3 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 src/Model/card-module.js
 create mode 100644 src/Model/deck-module.js
diff --git a/src/Model/card-module.js b/src/Model/card-module.js
new file mode 100644
index 0000000..e3d7a00
--- /dev/null
+++ b/src/Model/card-module.js
@@ -0,0 +1,16 @@
+export default{
+    emits:[],
+    data: function(){
+        return{
+
+        }
+    },
+    methods:{
+        clicked:function () {
+            
+        }
+    },
+    template:`
+    <div v-bind:style="{ color: 'red', fontSize: '20px' }">yess</div>
+    `
+}
\ No newline at end of file
diff --git a/src/Model/deck-module.js b/src/Model/deck-module.js
new file mode 100644
index 0000000..fc39227
--- /dev/null
+++ b/src/Model/deck-module.js
@@ -0,0 +1,21 @@
+export default{
+    emits:[],
+    data: function(){
+        return{
+            cards:[]
+        }
+    },
+    methods:{
+        clicked:function () {
+            
+        }
+    },
+    template:`
+    <div v-bind:style="{border: '3px solid black', fontSize: '20px', display:'flex'}">
+        <div v-for="n in 10">
+            {{ n }}
+            <card-module></card-module>
+        </div>
+    </div>
+    `
+}
\ No newline at end of file
diff --git a/views/game.html b/views/game.html
index f692682..0316ad6 100644
--- a/views/game.html
+++ b/views/game.html
@@ -23,6 +23,7 @@
 <body>
     <div id="app">
         <h1>Game - test </h1>
+        <deck-module></deck-module>
     </div>
     <section>
     </section>
@@ -33,7 +34,11 @@
     <script src="/src/Model/Factory.js"></script>
     <script src="/src/Model/Deck.js"></script>
     <script type="module">
+
         import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';
+        import CardModule from '/src/Model/card-module.js';
+        import DeckModule from '/src/Model/deck-module.js';
+
         const app = createApp({
             created(){},
             data(){
@@ -43,7 +48,8 @@
                 myFun:function(){}
             }
         });
-        //app.component('FormAddArticle', FormAddArticle);
+        app.component('CardModule', CardModule);
+        app.component('DeckModule', DeckModule);
         app.mount('#app');
     </script>
 </body>
