diff options
| author |  Erika <3019731+Princesseuh@users.noreply.github.com>
| 2022-08-04 14:16:51 -0400 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-08-04 14:16:51 -0400 |
| commit | f591150512903014461e4fa1be3bc53bd261af2f (patch) | |
| tree | dfdad8d11b3379cc47618398281ebca6e1be91bc /examples/framework-multiple/src/pages/index.astro | |
| parent | 32580d4fdc6ba8bb9a7e39e0b2c001ab29b3b940 (diff) | |
| download | astro-f591150512903014461e4fa1be3bc53bd261af2f.tar.gz astro-f591150512903014461e4fa1be3bc53bd261af2f.tar.zst astro-f591150512903014461e4fa1be3bc53bd261af2f.zip | |
Audit examples templates (#3940)
* basics, framework-alpine, framework-solid, delete unused examples
* framework-multiple
* Remove non-standard file extensions, add missing .vscode folders
* Remove robots.txt
* Remove blog-multiple-authors
* Rewrite components comments to be consistent
* Update lockfile
* Remove unnecessary usage of SCSS in subpath example
* Fix props weirdness in portfolio example
* Remove Lit from `framework-multiple` for now
* Misc fixes
* Update lockfile
* I'm in lockfile hell, send help
Diffstat (limited to 'examples/framework-multiple/src/pages/index.astro')
| -rw-r--r-- | examples/framework-multiple/src/pages/index.astro | 26 |
1 files changed, 11 insertions, 15 deletions
diff --git a/examples/framework-multiple/src/pages/index.astro b/examples/framework-multiple/src/pages/index.astro index 6dfdc4e52..ac8996504 100644 --- a/examples/framework-multiple/src/pages/index.astro +++ b/examples/framework-multiple/src/pages/index.astro @@ -1,12 +1,13 @@ --- // Style Imports import "../styles/global.css"; + // Component Imports -import { A, B as Renamed } from "../components"; -import * as react from "../components/ReactCounter.jsx"; -import { PreactCounter } from "../components/PreactCounter.tsx"; -import PreactSFC from "../components/PreactSFC.tsx"; -import SolidCounter from "../components/SolidCounter.tsx"; +// For JSX components, all the common ways of exporting (under a namespace, specific export, default export etc) are supported! +import * as react from "../components/ReactCounter"; +import { PreactCounter } from "../components/PreactCounter"; +import SolidCounter from "../components/SolidCounter"; + import VueCounter from "../components/VueCounter.vue"; import SvelteCounter from "../components/SvelteCounter.svelte"; @@ -23,29 +24,24 @@ import SvelteCounter from "../components/SvelteCounter.svelte"; <body> <main> <react.Counter client:visible> - <h1>Hello React!</h1> - <p>What's up?</p> + <h1>Hello from React!</h1> </react.Counter> <PreactCounter client:visible> - <h1>Hello Preact!</h1> + <h1>Hello from Preact!</h1> </PreactCounter> <SolidCounter client:visible> - <h1>Hello Solid!</h1> + <h1>Hello from Solid!</h1> </SolidCounter> <VueCounter client:visible> - <h1>Hello Vue!</h1> + <h1>Hello from Vue!</h1> </VueCounter> <SvelteCounter client:visible> - <h1>Hello Svelte!</h1> + <h1>Hello from Svelte!</h1> </SvelteCounter> - - <A /> - - <Renamed /> </main> </body> </html> |