docs: 📝 update docs

2026-04-18 19:49:16 +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/root.tsx
+++ b/packages/docs/src/root.tsx
@@ -0,0 +1,45 @@
+import { component$, useStyles$ } from '@builder.io/qwik'
+import {
+    QwikCityProvider,
+    RouterOutlet,
+    ServiceWorkerRegister,
+} from '@builder.io/qwik-city'
+
+import { RouterHead } from '~/components/core/RouterHead'
+import { DarkThemeLauncher } from '~/components/core/DarkThemeLauncher'
+
+import globalStyles from '~/assets/styles/global.css?inline'
+
+export default component$(() => {
+    /**
+     * The root of a QwikCity site always start with the <QwikCityProvider> component,
+     * immediately followed by the document's <head> and <body>.
+     *
+     * Dont remove the `<head>` and `<body>` elements.
+     */
+
+    useStyles$(globalStyles)
+
+    return (
+        <QwikCityProvider>
+            <head>
+                <meta charSet="utf-8" />
+                <meta
+                    name="viewport"
+                    content="width=device-width, initial-scale=1"
+                />
+                <link rel="manifest" href="/manifest.json" />
+                <link
+                    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap"
+                    rel="stylesheet"
+                />
+                <RouterHead />
+                <DarkThemeLauncher />
+            </head>
+            <body class="text-gray-900 dark:text-slate-300 tracking-tight bg-white dark:bg-gray-900 antialiased">
+                <RouterOutlet />
+                <ServiceWorkerRegister />
+            </body>
+        </QwikCityProvider>
+    )
+})