Test class toggle

Author: Michael Vurchio

example/webpack/App.svelte

@@ -1,5 +1,5 @@
 <script>
-  import Time from './Time.svelte'
+  import Time from './Time.svelte';
 </script>
 
 <style>

example/webpack/Time.svelte

@@ -1,25 +1,27 @@
 <script>
-  import { onDestroy } from 'svelte'
+  import { onDestroy } from 'svelte';
 
-  let date = new Date()
-  $: time = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`
+  let date = new Date();
+  $: time = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
   
-  const interval = setInterval(() => date = new Date(), 1000)
+  const interval = setInterval(() => date = new Date(), 1000);
 
   onDestroy(() => {
-    clearInterval(interval)
+    clearInterval(interval);
   })
 </script>
 
 <style>
-  .datetime {
-    color: gray;
-  }
   div {
     text-align: right;
     font-size: 1.2rem;
     font-family: monospace;
   }
+  .bold {
+    font-weight: bold;
+  }
 </style>
 
-<div class="$style.datetime">{time}</div>
+<div
+  class="$style.datetime"
+  class:$style.bold={true}>{time}</div>