1+ // deprecate project.type
2+ // deprecate project.viewport
3+ // deprecate page.schema
4+
5+ export default function Head ( { router, project, page } ) {
6+ const image = page . image
7+ const canonical = page . canonical || router . url
8+ const favicon = project . favicon // cdn
9+ return (
10+ < html lang = { page . locale } >
11+ < head >
12+ < title > { page . title } - { project . title } </ title >
13+ < meta name = "description" content = { page . description } />
14+ < link rel = "icon" href = { favicon } type = "image/png" />
15+ < link rel = "canonical" href = { canonical } />
16+ < meta name = "robots" content = { page . robots } />
17+
18+ < meta property = "og:title" content = { page . title } />
19+ < meta property = "og:description" content = { page . description } />
20+ < meta property = "og:image" content = { image } />
21+ < meta property = "og:site_name" content = { project . name } />
22+ < meta property = "og:locale" content = { page . locale } />
23+ < meta property = "og:type" content = "website" />
24+ < meta property = "og:url" content = { canonical } />
25+
26+ < meta name = "application-name" content = { project . name } />
27+ < link rel = "shortcut icon" href = { favicon } type = "image/png" />
28+ < meta name = "mobile-web-app-capable" content = "yes" />
29+
30+ < meta name = "apple-mobile-web-app-title" content = { project . name } />
31+ < meta name = "apple-mobile-web-app-capable" content = "yes" />
32+ < link rel = "apple-touch-icon" sizes = "180x180" href = { cdn ( project . icons [ '180' ] ) } />
33+
34+ < meta name = "msapplication-starturl" content = "/" />
35+ < meta name = "msapplication-TileColor" content = { project . backgroundColor || project . color } />
36+
37+ < meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" />
38+ </ head >
39+ </ html >
40+ )
41+ }
0 commit comments