diff options
Diffstat (limited to 'examples/ssr/src/pages/index.astro')
| -rw-r--r-- | examples/ssr/src/pages/index.astro | 54 |
1 files changed, 27 insertions, 27 deletions
diff --git a/examples/ssr/src/pages/index.astro b/examples/ssr/src/pages/index.astro index 8eb04ffa6..456de484c 100644 --- a/examples/ssr/src/pages/index.astro +++ b/examples/ssr/src/pages/index.astro @@ -1,36 +1,36 @@ --- -import Header from '../components/Header.astro'; -import Container from '../components/Container.astro'; -import ProductListing from '../components/ProductListing.astro'; -import { getProducts } from '../api'; -import '../styles/common.css'; +import Header from "../components/Header.astro"; +import Container from "../components/Container.astro"; +import ProductListing from "../components/ProductListing.astro"; +import { getProducts } from "../api"; +import "../styles/common.css"; const products = await getProducts(Astro.request); --- -<html> -<head> - <title>Online Store</title> - <style> - h1 { - font-size: 36px; - } - .product-listing-title { - text-align: center; - } +<html> + <head> + <title>Online Store</title> + <style> + h1 { + font-size: 36px; + } - .product-listing { + .product-listing-title { + text-align: center; + } - } - </style> -</head> -<body> - <Header /> + .product-listing { + } + </style> + </head> + <body> + <Header /> - <Container tag="main"> - <ProductListing products={products} class="product-listing"> - <h2 class="product-listing-title" slot="title">Product Listing</h2> - </ProductListing> - </Container> -</body> + <Container tag="main"> + <ProductListing products={products} class="product-listing"> + <h2 class="product-listing-title" slot="title">Product Listing</h2> + </ProductListing> + </Container> + </body> </html> |