feat: Initial setup facilitating testing

1 files changed, 8 insertions, 0 deletions

diff --git a/apps/kit/src/lib/components/switch.svelte b/apps/kit/src/lib/components/switch.svelte
index c958b0f..16da23a 100644
--- a/apps/kit/src/lib/components/switch.svelte
+++ b/apps/kit/src/lib/components/switch.svelte
@@ -3,12 +3,17 @@
 </script>
 
 <script lang="ts">
+    import pwKey from "$actions/pwKey";
+
+
     export let enabled = false;
     export let type: SwitchType = "default";
     export let srText = "Use setting";
     export let label: string | undefined = undefined;
     export let description: string | undefined = undefined;
     export let rightAlignedLabelDescription = false;
+    export let _pwKey:string|undefined = undefined;
+
     $: colorClass = enabled
         ? "bg-teal-600 focus:ring-teal-500"
         : "bg-gray-200 focus:ring-teal-500";
@@ -41,6 +46,7 @@
             class="group relative inline-flex h-5 w-10 flex-shrink-0 cursor-pointer items-center justify-center rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2"
             role="switch"
             aria-checked={enabled}
+            use:pwKey={_pwKey}
             on:click={toggle}
         >
             <span class="sr-only">{srText}</span>
@@ -63,6 +69,7 @@
             class="{colorClass} relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2"
             role="switch"
             aria-checked={enabled}
+            use:pwKey={_pwKey}
             on:click={toggle}
         >
             <span class="sr-only">{srText}</span>
@@ -113,6 +120,7 @@
             class="{colorClass} relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2"
             role="switch"
             aria-checked={enabled}
+            use:pwKey={_pwKey}
             on:click={toggle}
         >
             <span class="sr-only">{srText}</span>