diff options
author | 2025-06-05 14:25:23 +0000 | |
---|---|---|
committer | 2025-06-05 14:25:23 +0000 | |
commit | e586d7d704d475afe3373a1de6ae20d504f79d6d (patch) | |
tree | 7e3fa24807cebd48a86bd40f866d792181191ee9 /examples/framework-preact/src/pages/index.astro | |
download | astro-e586d7d704d475afe3373a1de6ae20d504f79d6d.tar.gz astro-e586d7d704d475afe3373a1de6ae20d504f79d6d.tar.zst astro-e586d7d704d475afe3373a1de6ae20d504f79d6d.zip |
Sync from a8e1c0a7402940e0fc5beef669522b315052df1blatest
Diffstat (limited to 'examples/framework-preact/src/pages/index.astro')
-rw-r--r-- | examples/framework-preact/src/pages/index.astro | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/examples/framework-preact/src/pages/index.astro b/examples/framework-preact/src/pages/index.astro new file mode 100644 index 000000000..639fed70c --- /dev/null +++ b/examples/framework-preact/src/pages/index.astro @@ -0,0 +1,41 @@ +--- +// Component Imports +import Counter from '../components/Counter'; + +import { signal } from '@preact/signals'; + +// Full Astro Component Syntax: +// https://docs.astro.build/basics/astro-components/ + +const count = signal(0); +--- + +<html lang="en"> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width" /> + <meta name="generator" content={Astro.generator} /> + <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> + <style> + html, + body { + font-family: system-ui; + margin: 0; + } + body { + padding: 2rem; + } + </style> + </head> + <body> + <main> + <Counter count={count} client:visible> + <h1>Hello, Preact 1!</h1> + </Counter> + + <Counter count={count} client:visible> + <h1>Hello, Preact 2!</h1> + </Counter> + </main> + </body> +</html> |