Adding basic Mithril Game component

mattjbones · mattjbones · commit cf56d9c51459 · 2020-04-25T13:46:16.000+01:00
diff --git a/app/index.html b/app/index.html
@@ -4,7 +4,5 @@
         <title>Blue Lagoon</title>
     </head>
     <body>
-        <div id="app"></div>
-        <script src="build/bundle.js"></script>
     </body>
 </html>
diff --git a/app/src/index.js b/app/src/index.js
@@ -1,2 +1,10 @@
 import m from "mithril";
-m.render(document.getElementById('app'), "Blu");
+import Game from './views/Game';
+
+m.render(
+    document.body, 
+    m('main', [
+        m('h1', 'Blue Lagoon'),
+        m(Game)
+    ])
+);
diff --git a/app/src/models/Game.js b/app/src/models/Game.js
@@ -0,0 +1,6 @@
+
+const Game = {
+    size: 4
+};
+
+export default Game;
diff --git a/app/src/views/Game.js b/app/src/views/Game.js
@@ -0,0 +1,10 @@
+import m from 'mithril';
+import GameModel from '../models/Game';
+
+class GameView {
+    view() {
+        return m('.game', m('h2', `Starting Game of ${GameModel.size}`));
+    } 
+}
+
+export default GameView;

-Original file line number
+Diff line change
@@ @@ -0,0 +1,6 @@ @@
++
 +const Game = {
 +    size: 4
 +};
++
 +export default Game;