Compare commits

..

No commits in common. "step-04" and "main" have entirely different histories.

2 changed files with 0 additions and 15399 deletions

View File

@ -5,46 +5,8 @@
<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>

File diff suppressed because it is too large Load Diff