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