chore: Update demo

preactjs · Oct 16, 2023 · ecf649e · ecf649e
1 parent 5972ea5
commit ecf649e
Show file tree

Hide file tree

Showing 5 changed files with 335 additions and 2,180 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -7,7 +7,6 @@
 		<title>Vite App</title>
 	</head>
 	<body>
-		<div id="app"></div>
 		<script type="module" src="/src/main.tsx"></script>
 	</body>
 </html>
diff --git a/demo/src/main.tsx b/demo/src/main.tsx
@@ -1,11 +1,11 @@
-import { render } from "preact";
+import { hydrate, prerender as ssr } from "preact-iso";
 import "./index.css";
 import { Foo } from "./Foo";
 import { ReactComponent } from "./Compat";
 
 function App() {
 	return (
-		<div>
+		<div id="app">
 			<h1>Hello from Preact</h1>
 			<Foo />
 			<h2>Compat</h2>
@@ -14,4 +14,8 @@ function App() {
 	);
 }
 
-render(<App />, document.getElementById("app")!);
+hydrate(<App />);
+
+export async function prerender() {
+	return await ssr(<App />);
+}
diff --git a/demo/vite.config.ts b/demo/vite.config.ts
@@ -3,5 +3,5 @@ import preact from "../src/index";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-	plugins: [preact()],
+	plugins: [preact({ prerender: { enabled: true } })],
 });