diff options
Diffstat (limited to 'examples/with-multiple-frameworks/src/pages/index.astro')
-rw-r--r-- | examples/with-multiple-frameworks/src/pages/index.astro | 58 |
1 files changed, 0 insertions, 58 deletions
diff --git a/examples/with-multiple-frameworks/src/pages/index.astro b/examples/with-multiple-frameworks/src/pages/index.astro deleted file mode 100644 index 3fbef72e0..000000000 --- a/examples/with-multiple-frameworks/src/pages/index.astro +++ /dev/null @@ -1,58 +0,0 @@ ---- -import { A, B as Renamed } from '../components'; -import * as react from '../components/ReactCounter.jsx'; -import { PreactCounter } from '../components/PreactCounter.tsx'; -import VueCounter from '../components/VueCounter.vue'; -import SvelteCounter from '../components/SvelteCounter.svelte'; ---- - -<html> - <head> - <meta charset="utf-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> - <style> - :global(:root) { - font-family: system-ui; - padding: 2em 0; - } - :global(.counter) { - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - place-items: center; - font-size: 2em; - margin-top: 2em; - } - :global(.children) { - display: grid; - place-items: center; - margin-bottom: 2em; - } - </style> - </head> - <body> - <main> - - <react.Counter:visible> - <h1>Hello React!</h1> - <p>What's up?</p> - </react.Counter:visible> - - <PreactCounter:visible> - <h1>Hello Preact!</h1> - </PreactCounter:visible> - - <VueCounter:visible> - <h1>Hello Vue!</h1> - </VueCounter:visible> - - <SvelteCounter:visible> - <h1>Hello Svelte!</h1> - </SvelteCounter:visible> - - <A /> - - <Renamed /> - - </main> - </body> -</html> |