doc: Lazy loading example

Author: bfanger

package.json

@@ -20,7 +20,7 @@
     "package": "svelte-package",
     "lint": "concurrently -c \"#c596c7\",\"#676778\",\"#3074c0\",\"#7c7cea\" --kill-others-on-fail \"npm:lint:*\"",
     "lint:prettier": "prettier --check --loglevel=warn \"src/**/*.svelte\"",
-    "lint:svelte-check": "svelte-check --fail-on-warnings --fail-on-hints --ignore build,package,src/tests",
+    "lint:svelte-check": "svelte-check --fail-on-warnings --fail-on-hints",
     "lint:tsc": "tsc --noEmit",
     "lint:eslint": "eslint --ext=js,ts,svelte --max-warnings=0 src",
     "format": "prettier --write . && eslint --ext=js,ts,svelte --fix src",
@@ -41,7 +41,7 @@
     ],
     "*.svelte": [
       "eslint --max-warnings 0 --no-ignore",
-      "svelte-check --fail-on-warnings --fail-on-hints --ignore build,package,src/tests",
+      "svelte-check --fail-on-warnings --fail-on-hints",
       "prettier --check"
     ]
   },

src/lib/reactify.ts

@@ -17,7 +17,8 @@ export type SvelteConstructor<Props = any, Events = any, Slot = any> = {
 export default function reactify<P = any, E = any>(
   SvelteComponent: SvelteConstructor<P, E>
 ): React.FunctionComponent<
-  P & SvelteEventHandlers<E> & { children?: React.ReactNode }
+  | (P & SvelteEventHandlers<E> & { children?: React.ReactNode })
+  | { children?: React.ReactNode }
 > {
   const { name } = SvelteComponent as any;
   const named = {

src/routes/+page.svelte

@@ -12,4 +12,5 @@
   <li><a href="/hooks">Using hooks</a></li>
 
   <li><a href="/react-router/home">react-router</a></li>
+  <li><a href="/lazy">react lazy</a></li>
 </ul>

src/routes/lazy/+page.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import { browser } from "$app/environment";
+  import { used } from "$lib";
+  import { lazy, Suspense } from "react";
+
+  const Counter = lazy(() => import("../../demo/react-components/Counter"));
+  used(Counter, Suspense);
+</script>
+
+{#if browser}
+  <react:Counter />
+{/if}

tsconfig.json

@@ -15,5 +15,6 @@
     "strict": true,
     "noEmit": true,
     "jsx": "preserve"
-  }
+  },
+  "exclude": ["build", "package", "src/tests"]
 }