Cristiano Magro
2024-12-26 44695d9b6c871bad2366e3fde89969c862341296
commit | author | age
44695d 1 <!DOCTYPE html>
CM 2 <html lang="en">
3   <head>
4     <meta charset="UTF-8" />
5     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6     <title>Vue Basics</title>
7     <link
8       href="https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap"
9       rel="stylesheet"
10     />
11     <link rel="stylesheet" href="styles.css" />
12     <script src="https://unpkg.com/vue@next" defer></script>
13     <script src="app.js" defer></script>
14   </head>
15   <body>
16     <header>
17       <h1>Vue Course Goals</h1>
18     </header>
19     <section id="user-goals">
20       <h2>My course goals</h2>
21       <input type="text" v-model="enteredGoalValue" />
22       <button @click="addGoal">Add Goal</button>
23       <p v-if="goals.length === 0">No goals have been added yet - please start adding some!</p>
24       <ul v-else>
25         <li v-for="goal in goals">{{ goal }}</li>
26       </ul>
27     </section>
28   </body>
29 </html>