remove extra example

withastro · Dec 28, 2023 · 94e143e · 94e143e
1 parent ed89a22
commit 94e143e
Show file tree

Hide file tree

Showing 18 changed files with 17 additions and 1,406 deletions.
diff --git a/examples/framework-preact-lazy/.codesandbox/Dockerfile b/examples/framework-preact-lazy/.codesandbox/Dockerfile
diff --git a/examples/framework-preact-lazy/.gitignore b/examples/framework-preact-lazy/.gitignore
diff --git a/examples/framework-preact-lazy/.vscode/extensions.json b/examples/framework-preact-lazy/.vscode/extensions.json
diff --git a/examples/framework-preact-lazy/.vscode/launch.json b/examples/framework-preact-lazy/.vscode/launch.json
diff --git a/examples/framework-preact-lazy/README.md b/examples/framework-preact-lazy/README.md
diff --git a/examples/framework-preact-lazy/astro.config.mjs b/examples/framework-preact-lazy/astro.config.mjs
diff --git a/examples/framework-preact-lazy/package.json b/examples/framework-preact-lazy/package.json
diff --git a/examples/framework-preact-lazy/public/favicon.svg b/examples/framework-preact-lazy/public/favicon.svg
diff --git a/examples/framework-preact-lazy/src/components/Counter.css b/examples/framework-preact-lazy/src/components/Counter.css
diff --git a/examples/framework-preact-lazy/src/components/Counter.tsx b/examples/framework-preact-lazy/src/components/Counter.tsx
diff --git a/examples/framework-preact-lazy/src/components/NumberValue.tsx b/examples/framework-preact-lazy/src/components/NumberValue.tsx
diff --git a/examples/framework-preact-lazy/src/pages/index.astro b/examples/framework-preact-lazy/src/pages/index.astro
diff --git a/examples/framework-preact-lazy/tsconfig.json b/examples/framework-preact-lazy/tsconfig.json
diff --git a/examples/framework-preact/src/components/Counter.css b/examples/framework-preact/src/components/Counter.css
@@ -5,7 +5,3 @@
 	margin-top: 2em;
 	place-items: center;
 }
-
-.counter-message {
-	text-align: center;
-}
diff --git a/examples/framework-preact/src/components/Counter.tsx b/examples/framework-preact/src/components/Counter.tsx
@@ -1,6 +1,10 @@
 import { h, Fragment } from 'preact';
+import { lazy, Suspense } from 'preact/compat';
 import './Counter.css';
 
+const Message = lazy(async () => import('./Message'));
+const Fallback = () => <p>i'm loader, which nobody should see</p>;
+
 export default function Counter({ children, count }) {
 	const add = () => count.value++;
 	const subtract = () => count.value--;
@@ -12,7 +16,9 @@ export default function Counter({ children, count }) {
 				<pre>{count}</pre>
 				<button onClick={add}>+</button>
 			</div>
-			<div class="counter-message">{children}</div>
+			<Suspense fallback={Fallback}>
+				<Message>{children}</Message>
+			</Suspense>
 		</>
 	);
 }
diff --git a/...rk-preact-lazy/src/components/Message.css → ...amework-preact/src/components/Message.css b/...rk-preact-lazy/src/components/Message.css → ...amework-preact/src/components/Message.css
diff --git a/...rk-preact-lazy/src/components/Message.tsx → ...amework-preact/src/components/Message.tsx b/...rk-preact-lazy/src/components/Message.tsx → ...amework-preact/src/components/Message.tsx