From c23b8a642db95ef58e26f6b3d1f716df2d2ec68b Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 18 Jan 2021 16:32:58 +0100
Subject: [PATCH] lesson 18: raw HTML output

---
 basics-01-starting-code/app.js     | 2 +-
 basics-01-starting-code/index.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/basics-01-starting-code/app.js b/basics-01-starting-code/app.js
index 2657a04..2299a7e 100644
--- a/basics-01-starting-code/app.js
+++ b/basics-01-starting-code/app.js
@@ -4,7 +4,7 @@ const app = Vue.createApp({
     data() {
         return {
             courseGoalA: "Finish the course and learn Vue!",
-            courseGoalB: "Master Vue and build amazing apps!",
+            courseGoalB: "<h2>Master Vue and build amazing apps!</h2>",
             vueLink: "https://vuejs.org",
         };
     },
diff --git a/basics-01-starting-code/index.html b/basics-01-starting-code/index.html
index 5bb4f7d..6ca7429 100644
--- a/basics-01-starting-code/index.html
+++ b/basics-01-starting-code/index.html
@@ -17,7 +17,7 @@
     </header>
     <section id="user-goal">
         <h2>My Course Goal</h2>
-        <p>{{ outputGoal() }}</p>
+        <p v-html="outputGoal()"></p>
         <p>Learn more <a v-bind:href="vueLink">about Vue</a>.</p>
     </section>
 </body>