Use dynamic class and reactive expression

4lm · Jul 13, 2019 · c8d4034 · c8d4034
1 parent 8620754
commit c8d4034
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/udemy/assignment01/src/CourseGoal.svelte b/udemy/assignment01/src/CourseGoal.svelte
@@ -1,5 +1,7 @@
 <script>
   export let goal;
+
+  $: hasExclamation = goal.includes('!');
 </script>
 
 <style>
@@ -8,4 +10,4 @@
   }
 </style>
 
-<h1 class={goal.includes('!') ? 'exclamation' : ''}>{goal}</h1>
+<h1 class:exclamation={hasExclamation}>{goal}</h1>