lesson 18: raw HTML output

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",
         };
     },

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>