host/paulnicoue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Format useAppHead

Browse source
This commit is contained in:
Paul Nicoué 2025-03-14 11:10:22 +01:00
parent f72f4afba6
commit 992e94d3aa
1 changed files with 105 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

134
composables/useAppHead.js
View file

@ -17,55 +17,131 @@ export const useAppHead = (pageTitleChunk) => {
return useHead({ return useHead({
htmlAttrs: { htmlAttrs: {
lang: 'fr' lang: 'fr',
}, },
title: pageTitle, title: pageTitle,
meta: [ meta: [
/* Basic metadata */ /* Basic metadata */
{charset: 'utf-8'}, {
{name: 'viewport', content: 'width=device-width'}, charset: 'utf-8',
},
{
name: 'viewport',
content: 'width=device-width',
},
/* Name */ /* Name */
{id: 'schema_name', itemprop: 'name', content: siteTitle}, {
id: 'schema_name',
itemprop: 'name',
content: siteTitle,
},
/* Description */ /* Description */
{name: 'description', content: metaDescription}, {
{id: 'schema_description', itemprop: 'description', content: metaDescription}, name: 'description',
content: metaDescription,
},
{
id: 'schema_description',
itemprop: 'description',
content: metaDescription,
},
/* Author */ /* Author */
{name: 'author', content: siteTitle}, {
name: 'author',
content: siteTitle,
},
/* Image */ /* Image */
{id: 'schema_image', itemprop: 'image', content: metaImageUrl}, {
id: 'schema_image',
itemprop: 'image',
content: metaImageUrl,
},
/* Open Graph */ /* Open Graph */
{property: 'og:title', content: pageTitle}, {
{property: 'og:description', content: metaDescription}, property: 'og:title',
{property: 'og:image', content: metaImageUrl}, content: pageTitle,
{property: 'og:image:width', content: '1200'}, },
{property: 'og:image:height', content: '675'}, {
{property: 'og:url', content: pageUrl}, property: 'og:description',
{property: 'og:type', content: 'website'}, content: metaDescription,
},
{
property: 'og:image',
content: metaImageUrl,
},
{
property: 'og:image:width',
content: '1200',
},
{
property: 'og:image:height',
content: '675',
},
{
property: 'og:url',
content: pageUrl,
},
{
property: 'og:type',
content: 'website',
},
/* Twitter Card */ /* Twitter Card */
{name: 'twitter:card', content: 'summary_large_image'}, {
{name: 'twitter:title', content: siteTitle}, name: 'twitter:card',
{name: 'twitter:description', content: metaDescription}, content: 'summary_large_image',
{name: 'twitter:image', content: metaImageUrl} },
{
name: 'twitter:title',
content: siteTitle,
},
{
name: 'twitter:description',
content: metaDescription,
},
{
name: 'twitter:image',
content: metaImageUrl,
},
], ],
link: [ link: [
/* Canonical URL */ /* Canonical URL */
{rel: 'canonical', href: pageUrl}, {
rel: 'canonical',
href: pageUrl,
},
/* Favicon */ /* Favicon */
{rel: 'icon', sizes: 'any', href: 'favicon/paul-nicoue-favicon.ico'}, {
{rel: 'icon', type: 'image/svg+xml', href: 'favicon/paul-nicoue-favicon.svg'}, rel: 'icon',
{rel: 'apple-touch-icon', href: 'favicon/paul-nicoue-apple-touch-icon.png'}, sizes: 'any',
{rel: 'manifest', href: 'favicon/paul-nicoue.webmanifest'} href: 'favicon/paul-nicoue-favicon.ico',
},
{
rel: 'icon',
type: 'image/svg+xml',
href: 'favicon/paul-nicoue-favicon.svg',
},
{
rel: 'apple-touch-icon',
href: 'favicon/paul-nicoue-apple-touch-icon.png',
},
{
rel: 'manifest',
href: 'favicon/paul-nicoue.webmanifest',
},
], ],
style: [ style: [
/* Schema */ /* Schema */
{itemscope: true, itemtype: 'https://schema.org/WebSite', itemref: 'schema_name schema_description schema_image'} {
itemscope: true,
itemtype: 'https://schema.org/WebSite',
itemref: 'schema_name schema_description schema_image',
},
], ],
script: [ script: [
/* Umami tracking code */ /* Umami tracking code */
{ {
children: children: `defer src="https://umami.paulnicoue.com/script.js" data-website-id="2df69370-61fb-424f-9719-d106f3e178b5"`,
`defer src="https://umami.paulnicoue.com/script.js" data-website-id="2df69370-61fb-424f-9719-d106f3e178b5"` },
} ],
]
}) })
} }