33 lines
816 B
TypeScript
33 lines
816 B
TypeScript
import { component$ } from '@builder.io/qwik';
|
|
import { useDocumentHead, useLocation } from '@builder.io/qwik-city';
|
|
|
|
/**
|
|
* The RouterHead component is placed inside of the document `<head>` element.
|
|
*/
|
|
export const RouterHead = component$(() => {
|
|
const head = useDocumentHead();
|
|
const loc = useLocation();
|
|
|
|
return (
|
|
<>
|
|
<title>{head.title}</title>
|
|
|
|
<link rel="canonical" href={loc.href} />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
|
|
{head.meta.map((m) => (
|
|
<meta {...m} />
|
|
))}
|
|
|
|
{head.links.map((l) => (
|
|
<link {...l} />
|
|
))}
|
|
|
|
{head.styles.map((s) => (
|
|
<style {...s.props} dangerouslySetInnerHTML={s.style} />
|
|
))}
|
|
</>
|
|
);
|
|
});
|