Use headOptions for page details

This commit is contained in:
Sam Carlton 2022-05-01 11:51:12 -05:00
parent 9972a390a9
commit 7344932e8d
3 changed files with 13 additions and 8 deletions

View file

@ -6,8 +6,8 @@ import { PageHead } from '~/helpers/config.js'
import VueBaseLayout from '../../layouts/base.vue' import VueBaseLayout from '../../layouts/base.vue'
const { const {
headTitle, // headTitle,
headDescription, // headDescription,
headOptions = {} headOptions = {}
} = Astro.props } = Astro.props
@ -19,12 +19,11 @@ const pageHead = new PageHead({
...headOptions ...headOptions
}) })
console.log( 'pageHead', pageHead.meta )
--- ---
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<title>{ headTitle }</title> <title>{ pageHead.title }</title>
<Fragment set:html={ pageHead.metaAndLinkMarkup } /> <Fragment set:html={ pageHead.metaAndLinkMarkup } />
</head> </head>
<body> <body>

View file

@ -47,8 +47,6 @@ const listingDetails = new ListingDetails( appListing )
--- ---
<Layout <Layout
headTitle={ listingDetails.pageTitle }
headDescription={ listingDetails.pageDescription }
headOptions={ listingDetails.headOptions } headOptions={ listingDetails.headOptions }
> >

View file

@ -14,8 +14,16 @@ const description = 'Does It ARM?'
// https://docs.astro.build/core-concepts/astro-components/ // https://docs.astro.build/core-concepts/astro-components/
--- ---
<Layout <Layout
headTitle={ title } headOptions={ {
headDescription={ description } title: 'Apple Silicon and Apple M1 Pro and M1 Max app and game compatibility list',
description: 'List of compatibility apps and games for Apple Silicon and the Apple M1 Pro and M1 Max Processors including performance reports and benchmarks',
// meta,
// link,
// structuredData: this.structuredData,
// domain,
pathname: '/',
} }
> >
Works! Works!