Fix some more type errors and turn on TS strict mode

Possible now that svelte2tsx has fixed a few bugs!

src/lib/components/description/Description.svelte

@@ -10,7 +10,7 @@
     );
   }
 
-  onMount(() => $contextStore.register(id));
+  onMount(() => $contextStore?.register(id));
 </script>
 
 <p {...$$restProps} {...$contextStore?.props} {id}>

src/lib/components/dialog/Dialog.svelte

@@ -66,7 +66,7 @@
   $: {
     open =
       open === undefined && openClosedState !== undefined
-        ? match($openClosedState, {
+        ? match($openClosedState!, {
             [State.Open]: true,
             [State.Closed]: false,
           })

src/lib/components/label/Label.svelte

@@ -11,9 +11,9 @@
     );
   }
 
-  onMount(() => $contextStore.register(id));
+  onMount(() => $contextStore!.register(id));
 
-  let allProps = { ...$$restProps, ...$contextStore.props, id };
+  let allProps = { ...$$restProps, ...$contextStore!.props, id } as any;
   if (passive) delete allProps["onClick"];
 </script>
 

src/lib/hooks/use-portal.ts

@@ -1,12 +1,14 @@
-export function portal(element: HTMLElement, target: HTMLElement) {
+export function portal(element: HTMLElement, target: HTMLElement | null | undefined) {
-  target.append(element);
+  if (target) {
+    target.append(element);
+  }
   return {
     update(newTarget: HTMLElement) {
       target = newTarget;
       newTarget.append(element);
     },
     destroy() {
-      if (target.childNodes.length <= 0) {
+      if (target && target.childNodes.length <= 0) {
         target.parentElement?.removeChild(target);
       }
     },

tsconfig.json

@@ -4,6 +4,7 @@
     "module": "es2020",
     "lib": ["es2020", "DOM"],
     "target": "es2020",
+    "strict": true,
     /**
 			svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
 			to enforce using \`import type\` instead of \`import\` for Types.