update

2023-07-13 14:48:15 +02:00 · 2023-07-13 14:45:35 +02:00 · 2023-07-13 14:40:46 +02:00 · 2023-07-13 14:35:07 +02:00
2 changed files with 15399 additions and 0 deletions
--- a/src/index.html
+++ b/src/index.html
@ -5,8 +5,46 @@
    <title>FrOSCon - 2023 - Demo</title>

    <link href="./css/bootstrap.min.css" rel="stylesheet">
+    <script src="./js/vue.js"></script>
 </head>
 <body class="container">
    <h1>Hello World</h1>
+
+    <div class="card" id="app">
+        <div class="card-body">
+            <h5 class="card-title">{{ message }}</h5>
+            <p class="card-text">
+                <input type="text" v-model="message" />
+            </p>
+            <a href="#" class="btn btn-primary" v-on:click="addCard">Add Card</a>
+        </div>
+
+        <div class="row">
+            <div class="col-6" v-for="card of cards">
+                <div class="card">
+                    <div class="card-body">
+                        <h5 class="card-title">{{ card }}</h5>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        const MyVueApp = Vue.createApp({
+            data() {
+                return {
+                    message: 'Hello Vue!',
+                    cards: [],
+                }
+            },
+            methods: {
+                addCard() {
+                    this.cards.push(this.message)
+                }
+            }
+        })
+        MyVueApp.mount('#app')
+    </script>
 </body>
 </html>
--- a/src/js/vue.js
+++ b/src/js/vue.js
Author	SHA1	Message	Date
sschum	0b840d140a	update	2023-07-13 14:48:15 +02:00
sschum	b4241566b6	update	2023-07-13 14:45:35 +02:00
sschum	4792c56eab	update	2023-07-13 14:40:46 +02:00
sschum	6008ec8c29	update	2023-07-13 14:35:07 +02:00