diff options
Diffstat (limited to 'examples/framework-react/src/pages/index.astro')
| -rw-r--r-- | examples/framework-react/src/pages/index.astro | 51 |
1 files changed, 26 insertions, 25 deletions
diff --git a/examples/framework-react/src/pages/index.astro b/examples/framework-react/src/pages/index.astro index dd2950782..39a15a797 100644 --- a/examples/framework-react/src/pages/index.astro +++ b/examples/framework-react/src/pages/index.astro @@ -1,34 +1,35 @@ --- // Component Imports -import Counter from '../components/Counter.jsx' +import Counter from '../components/Counter.jsx'; const someProps = { - count: 0, -} + count: 0, +}; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ --- + <html lang="en"> - <head> - <meta charset="utf-8" /> - <meta name="viewport" content="width=device-width" /> - <link rel="icon" type="image/x-icon" href="/favicon.ico" /> - <style> - html, - body { - font-family: system-ui; - margin: 0; - } - body { - padding: 2rem; - } - </style> - </head> - <body> - <main> - <Counter {...someProps} client:visible> - <h1>Hello, React!</h1> - </Counter> - </main> - </body> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width" /> + <link rel="icon" type="image/x-icon" href="/favicon.ico" /> + <style> + html, + body { + font-family: system-ui; + margin: 0; + } + body { + padding: 2rem; + } + </style> + </head> + <body> + <main> + <Counter {...someProps} client:visible> + <h1>Hello, React!</h1> + </Counter> + </main> + </body> </html> |