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'
const {
headTitle,
headDescription,
// headTitle,
// headDescription,
headOptions = {}
} = Astro.props
@ -19,12 +19,11 @@ const pageHead = new PageHead({
...headOptions
})
console.log( 'pageHead', pageHead.meta )
---
<!doctype html>
<html lang="en">
<head>
<title>{ headTitle }</title>
<title>{ pageHead.title }</title>
<Fragment set:html={ pageHead.metaAndLinkMarkup } />
</head>
<body>

View file

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

View file

@ -14,8 +14,16 @@ const description = 'Does It ARM?'
// https://docs.astro.build/core-concepts/astro-components/
---
<Layout
headTitle={ title }
headDescription={ description }
headOptions={ {
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!