docs: 📝 update docs

2026-04-19 03:59:17 +00:00 · 2022-12-22 10:15:29 +01:00
parent 331e5b0f8e
commit 5ee5973911
65 changed files with 2000 additions and 1 deletions
--- a/packages/docs/src/components/core/RouterHead.tsx
+++ b/packages/docs/src/components/core/RouterHead.tsx
@@ -0,0 +1,35 @@
+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} />
+            ))}
+        </>
+    )
+})