Merge pull request #16 from iamyuu/fix/pass-props

fix: passed props
QwikDev · Nov 13, 2023 · a48fb94 · a48fb94
2 parents 7bb3a0c + 68a7267
commit a48fb94
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/apps/astro-demo/src/components/counter.tsx b/apps/astro-demo/src/components/counter.tsx
@@ -1,8 +1,7 @@
-import { component$,
-  useSignal } from "@builder.io/qwik";
+import { component$, useSignal } from '@builder.io/qwik';
 
-export const Counter = component$(() => {
-  const counter = useSignal(0);
+export const Counter = component$<{ initial: number }>(props => {
+  const counter = useSignal(props.initial);
 
   return <button onClick$={() => counter.value++}>{counter.value}</button>;
 });
diff --git a/apps/astro-demo/src/pages/index.astro b/apps/astro-demo/src/pages/index.astro
@@ -13,6 +13,6 @@ import { ReactCounter } from "../components/react-counter";
 	</head>
 	<body>
 		<h1>Astro.js - Qwik</h1>
-		<Counter /> 
+		<Counter initial={9} /> 
 	</body>
 </html>
diff --git a/libs/qwikdev-astro/server.ts b/libs/qwikdev-astro/server.ts
@@ -42,7 +42,7 @@ export async function renderToStaticMarkup(
       slots[key] = value;
     }
 
-    const app = jsx(Component, { props, slots });
+    const app = jsx(Component, { ...props, slots });
 
     const symbolMapper: SymbolMapperFn = (
       symbolName: string,