chore(prettier): use svelteStrictMode

src/Accordion/Accordion.Skeleton.svelte

@@ -16,8 +16,8 @@
 </script>
 
 <ul
-  class:bx--accordion={true}
-  class:bx--skeleton={true}
+  class:bx--accordion="{true}"
+  class:bx--skeleton="{true}"
   {...$$restProps}
   on:click
   on:mouseover
@@ -25,9 +25,9 @@
   on:mouseleave>
   {#if open}
     <li
-      class:bx--accordion__item={true}
-      class:bx--accordion__item--active={true}>
-      <span class:bx--accordion__heading={true}>
+      class:bx--accordion__item="{true}"
+      class:bx--accordion__item--active="{true}">
+      <span class:bx--accordion__heading="{true}">
         <ChevronRight16 class="bx--accordion__arrow" />
         <SkeletonText class="bx--accordion__title" />
       </span>

src/Accordion/Accordion.Story.svelte

@@ -11,11 +11,11 @@
 
 {#if story === 'skeleton'}
   <div style="width: 500px">
-    <AccordionSkeleton {open} {count} />
+    <AccordionSkeleton open="{open}" count="{count}" />
   </div>
 {:else}
   <Accordion {...$$restProps}>
-    <AccordionItem {title} {open}>
+    <AccordionItem title="{title}" open="{open}">
       <p>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim

src/Accordion/Accordion.svelte

@@ -23,7 +23,7 @@
     on:mouseleave />
 {:else}
   <ul
-    class:bx--accordion={true}
+    class:bx--accordion="{true}"
     {...$$restProps}
     class="bx--accordion--{align} {$$restProps.class}"
     on:click

src/Accordion/AccordionItem.svelte

@@ -24,34 +24,36 @@
 </script>
 
 <li
-  class:bx--accordion__item={true}
-  class:bx--accordion__item--active={open}
+  class:bx--accordion__item="{true}"
+  class:bx--accordion__item--active="{open}"
   class="bx--accordion__item--${animation}"
   {...$$restProps}
   on:animationend
-  on:animationend={() => {
+  on:animationend="{() => {
     animation = undefined;
-  }}>
+  }}">
   <button
     type="button"
-    class:bx--accordion__heading={true}
-    title={iconDescription}
-    aria-expanded={open}
+    class:bx--accordion__heading="{true}"
+    title="{iconDescription}"
+    aria-expanded="{open}"
     on:click
-    on:click={() => {
+    on:click="{() => {
       open = !open;
       animation = open ? 'expanding' : 'collapsing';
-    }}
+    }}"
     on:mouseover
     on:mouseenter
     on:mouseleave
     on:keydown
-    on:keydown={({ key }) => {
+    on:keydown="{({ key }) => {
       if (open && key === 'Escape') {
         open = false;
       }
-    }}>
-    <ChevronRight16 class="bx--accordion__arrow" aria-label={iconDescription} />
+    }}">
+    <ChevronRight16
+      class="bx--accordion__arrow"
+      aria-label="{iconDescription}" />
     <div class="bx--accordion__title">
       <slot name="title">{title}</slot>
     </div>