chore(prettier): use svelteStrictMode

src/Tabs/Tab.svelte

@@ -51,19 +51,19 @@
 <li
   tabindex="-1"
   role="presentation"
-  class:bx--tabs__nav-item={true}
-  class:bx--tabs__nav-item--disabled={disabled}
-  class:bx--tabs__nav-item--selected={selected}
+  class:bx--tabs__nav-item="{true}"
+  class:bx--tabs__nav-item--disabled="{disabled}"
+  class:bx--tabs__nav-item--selected="{selected}"
   {...$$restProps}
-  on:click|preventDefault={() => {
+  on:click|preventDefault="{() => {
     if (!disabled) {
       update(id);
     }
-  }}
+  }}"
   on:mouseover
   on:mouseenter
   on:mouseleave
-  on:keydown={({ key }) => {
+  on:keydown="{({ key }) => {
     if (!disabled) {
       if (key === 'ArrowRight') {
         change(1);
@@ -73,16 +73,16 @@
         update(id);
       }
     }
-  }}>
+  }}">
   <a
-    bind:this={ref}
+    bind:this="{ref}"
     role="tab"
-    tabindex={disabled ? '-1' : tabindex}
-    aria-selected={selected}
-    aria-disabled={disabled}
-    {id}
-    {href}
-    class:bx--tabs__nav-link={true}>
+    tabindex="{disabled ? '-1' : tabindex}"
+    aria-selected="{selected}"
+    aria-disabled="{disabled}"
+    id="{id}"
+    href="{href}"
+    class:bx--tabs__nav-link="{true}">
     <slot>{label}</slot>
   </a>
 </li>

src/Tabs/TabContent.svelte

@@ -18,11 +18,11 @@
 
 <div
   role="tabpanel"
-  aria-labelledby={tabId}
-  aria-hidden={!selected}
-  hidden={selected ? undefined : ''}
-  {id}
-  class:bx--tab-content={true}
+  aria-labelledby="{tabId}"
+  aria-hidden="{!selected}"
+  hidden="{selected ? undefined : ''}"
+  id="{id}"
+  class:bx--tab-content="{true}"
   {...$$restProps}>
   <slot />
 </div>

src/Tabs/Tabs.svelte

@@ -109,37 +109,37 @@
 
 <div
   role="navigation"
-  class:bx--tabs={true}
-  class:bx--tabs--container={type === 'container'}
+  class:bx--tabs="{true}"
+  class:bx--tabs--container="{type === 'container'}"
   {...$$restProps}>
   <div
     role="listbox"
     tabindex="0"
-    class:bx--tabs-trigger={true}
-    aria-label={$$props['aria-label'] || 'listbox'}
-    on:click={() => {
+    class:bx--tabs-trigger="{true}"
+    aria-label="{$$props['aria-label'] || 'listbox'}"
+    on:click="{() => {
       dropdownHidden = !dropdownHidden;
-    }}
+    }}"
     on:keypress
-    on:keypress={() => {
+    on:keypress="{() => {
       dropdownHidden = !dropdownHidden;
-    }}>
+    }}">
     <a
       tabindex="-1"
-      class:bx--tabs-trigger-text={true}
-      href={triggerHref}
+      class:bx--tabs-trigger-text="{true}"
+      href="{triggerHref}"
       on:click
-      on:click={() => {
+      on:click="{() => {
         dropdownHidden = !dropdownHidden;
-      }}>
+      }}">
       {#if currentTab}{currentTab.label}{/if}
     </a>
-    <ChevronDownGlyph aria-hidden="true" title={iconDescription} />
+    <ChevronDownGlyph aria-hidden="true" title="{iconDescription}" />
   </div>
   <ul
     role="tablist"
-    class:bx--tabs__nav={true}
-    class:bx--tabs__nav--hidden={dropdownHidden}>
+    class:bx--tabs__nav="{true}"
+    class:bx--tabs__nav--hidden="{dropdownHidden}">
     <slot />
   </ul>
 </div>

src/Tabs/TabsSkeleton.svelte

@@ -7,23 +7,23 @@
 </script>
 
 <div
-  class:bx--tabs={true}
-  class:bx--skeleton={true}
+  class:bx--tabs="{true}"
+  class:bx--skeleton="{true}"
   {...$$restProps}
   on:click
   on:mouseover
   on:mouseenter
   on:mouseleave>
-  <div class:bx--tabs-trigger={true}>
-    <div class:bx--tabs-trigger-text={true}>&nbsp;</div>
+  <div class:bx--tabs-trigger="{true}">
+    <div class:bx--tabs-trigger-text="{true}">&nbsp;</div>
     <svg width="10" height="5" viewBox="0 0 10 5" fill-rule="evenodd">
-      <path d="M10 0L5 5 0 0z" />
+      <path d="M10 0L5 5 0 0z"></path>
     </svg>
   </div>
-  <ul class:bx--tabs__nav={true} class:bx--tabs__nav--hidden={true}>
+  <ul class:bx--tabs__nav="{true}" class:bx--tabs__nav--hidden="{true}">
     {#each Array.from({ length: count }, (_, i) => i) as item, i (item)}
-      <li class:bx--tabs__nav-item={true}>
-        <div class:bx--tabs__nav-link={true}>&nbsp;</div>
+      <li class:bx--tabs__nav-item="{true}">
+        <div class:bx--tabs__nav-link="{true}">&nbsp;</div>
       </li>
     {/each}
   </ul>