fix: jsx fragment wrap

This commit is contained in:
Ayo Ayco 2024-12-26 00:15:31 +01:00
parent 99315e639a
commit 49cafdd6d5

View file

@ -1,18 +1,18 @@
--- ---
import Jumbotron from "../components/Jumbotron.astro"; import Jumbotron from '../components/Jumbotron.astro'
import { ArticleData } from "@extractus/article-extractor"; import { ArticleData } from '@extractus/article-extractor'
import "../styles/reset.css"; import '../styles/reset.css'
import '../styles/variables.css'; import '../styles/variables.css'
export interface Props { export interface Props {
article: ArticleData | null article: ArticleData | null
} }
const { article } = Astro.props; const { article } = Astro.props
const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy'; const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy'
--- ---
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -27,8 +27,9 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy';
* - add cozy metadata for the app to use * - add cozy metadata for the app to use
*/ */
article && article?.url !== '/' ? ( article && article?.url !== '/' ? (
<meta name="robots" content="noindex"> <>
<meta name="googlebot" content="noindex"> <meta name="robots" content="noindex" />
<meta name="googlebot" content="noindex" />
<meta property="cozy:title" content={article.title} /> <meta property="cozy:title" content={article.title} />
<meta property="cozy:url" content={article.url} /> <meta property="cozy:url" content={article.url} />
@ -37,12 +38,24 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy';
<meta property="cozy:source" content={article.source} /> <meta property="cozy:source" content={article.source} />
<meta property="cozy:author" content={article.author} /> <meta property="cozy:author" content={article.author} />
<meta property="cozy:published" content={article.published} /> <meta property="cozy:published" content={article.published} />
</>
) : ( ) : (
<>
<meta property="og:title" content={appTitle} /> <meta property="og:title" content={appTitle} />
<meta property="og:url" content={Astro.url.href} /> <meta property="og:url" content={Astro.url.href} />
<meta property="og:description" content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion." /> <meta
<meta name="description" content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion." /> property="og:description"
<meta itemprop="description" content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion." /> content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion."
/>
<meta
name="description"
content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion."
/>
<meta
itemprop="description"
content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion."
/>
</>
) )
} }
<link rel="shortcut icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="shortcut icon" type="image/svg+xml" href="/favicon.svg" />
@ -65,7 +78,6 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy';
</html> </html>
<style> <style>
body { body {
display: grid; display: grid;
place-content: safe center; place-content: safe center;
@ -91,8 +103,8 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy';
</style> </style>
<style is:global> <style is:global>
:root { :root {
--system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, --system-ui: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
} }
html * { html * {