personal-security-checklist/web/src/root.tsx

37 lines
962 B
TypeScript

import { component$, useStyles$ } from "@builder.io/qwik";
import {
QwikCityProvider,
RouterOutlet,
ServiceWorkerRegister,
} from "@builder.io/qwik-city";
import { RouterHead } from "./components/router-head/router-head";
import tailwind from './styles/tailwind.css?inline';
import "./styles/global.css";
export default component$(() => {
useStyles$(tailwind);
/**
* The root of a QwikCity site always start with the <QwikCityProvider> component,
* immediately followed by the document's <head> and <body>.
*
* Don't remove the `<head>` and `<body>` elements.
*/
return (
<QwikCityProvider>
<head>
<meta charSet="utf-8" />
<link rel="manifest" href="/manifest.json" />
<RouterHead />
<ServiceWorkerRegister />
</head>
<body lang="en" data-theme="dark" class="flex flex-col justify-between min-h-screen">
<RouterOutlet />
</body>
</QwikCityProvider>
);
});