| 1 | import {
|
| 2 | Links,
|
| 3 | Meta,
|
| 4 | Outlet,
|
| 5 | Scripts,
|
| 6 | ScrollRestoration
|
| 7 | } from "@remix-run/react";
|
| 8 | import styles from "./assets/styles.css";
|
| 9 | import favicon from "./assets/favicon.svg";
|
| 10 | import { Layout } from "./components/Layout.jsx";
|
| 11 | const links = () => {
|
| 12 | return [
|
| 13 | { rel: "stylesheet", href: styles },
|
| 14 | { rel: "icon", type: "image/svg+xml", href: favicon }
|
| 15 | ];
|
| 16 | };
|
| 17 | function App() {
|
| 18 | return <html lang="en">
|
| 19 | <head>
|
| 20 | <meta charSet="utf-8" />
|
| 21 | <meta name="viewport" content="width=device-width,initial-scale=1" />
|
| 22 | <title>Hydrogen</title>
|
| 23 | <meta name="description" content="A custom storefront powered by Hydrogen" />
|
| 24 | <Meta />
|
| 25 | <Links />
|
| 26 | </head>
|
| 27 | <body>
|
| 28 | <Layout><Outlet /></Layout>
|
| 29 | <ScrollRestoration />
|
| 30 | <Scripts />
|
| 31 | </body>
|
| 32 | </html>;
|
| 33 | }
|
| 34 | export {
|
| 35 | App as default,
|
| 36 | links
|
| 37 | };
|