diff options
Diffstat (limited to 'examples/subpath/src')
| -rw-r--r-- | examples/subpath/src/components/Time.jsx | 6 | ||||
| -rw-r--r-- | examples/subpath/src/pages/index.astro | 44 | ||||
| -rw-r--r-- | examples/subpath/src/styles/main.scss | 6 |
3 files changed, 27 insertions, 29 deletions
diff --git a/examples/subpath/src/components/Time.jsx b/examples/subpath/src/components/Time.jsx index 8b5837c85..9a89669cb 100644 --- a/examples/subpath/src/components/Time.jsx +++ b/examples/subpath/src/components/Time.jsx @@ -1,7 +1,7 @@ import React from 'react'; export default function () { - const date = new Date(); - const format = new Intl.DateTimeFormat('en-US'); - return <time>{format.format(date)}</time>; + const date = new Date(); + const format = new Intl.DateTimeFormat('en-US'); + return <time>{format.format(date)}</time>; } diff --git a/examples/subpath/src/pages/index.astro b/examples/subpath/src/pages/index.astro index b08f2e06f..44cb83358 100644 --- a/examples/subpath/src/pages/index.astro +++ b/examples/subpath/src/pages/index.astro @@ -1,32 +1,30 @@ --- -import Time from '../components/Time.jsx' +import Time from '../components/Time.jsx'; --- <html lang="en"> + <head> + <meta charset="utf-8" /> + <link rel="icon" type="image/x-icon" href="/favicon.ico" /> + <link rel="stylesheet" href={Astro.resolve('../styles/main.scss')} /> + <meta name="viewport" content="width=device-width" /> + <title>Welcome to Astro</title> + </head> -<head> - <meta charset="utf-8" /> - <link rel="icon" type="image/x-icon" href="/favicon.ico" /> - <link rel="stylesheet" href={Astro.resolve('../styles/main.scss')}> - <meta name="viewport" content="width=device-width" /> - <title>Welcome to Astro</title> -</head> + <body> + <h1>Welcome to <a href="https://astro.build/">Astro</a></h1> -<body> - <h1>Welcome to <a href="https://astro.build/">Astro</a></h1> + <main id="app"> + Today: <Time client:idle /> + </main> - <main id="app"> - Today: <Time client:idle /> - </main> - - <article> - <h2>Animals</h2> - - <figure> - <img src="/blog/images/penguin.png" /> - <figcaption>A penguin</figcaption> - </figure> - </article> -</body> + <article> + <h2>Animals</h2> + <figure> + <img src="/blog/images/penguin.png" /> + <figcaption>A penguin</figcaption> + </figure> + </article> + </body> </html> diff --git a/examples/subpath/src/styles/main.scss b/examples/subpath/src/styles/main.scss index a54a15f01..2118ed2a0 100644 --- a/examples/subpath/src/styles/main.scss +++ b/examples/subpath/src/styles/main.scss @@ -1,5 +1,5 @@ body { - #app { - color: tomato; - } + #app { + color: tomato; + } } |