Set styles with qwik structure

onwidget · Mar 9, 2024 · 01d3d40 · 01d3d40
1 parent bdce530
commit 01d3d40
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/root.tsx b/src/root.tsx
@@ -1,11 +1,11 @@
-import { component$ } from "@builder.io/qwik";
+import { component$, useStyles$ } from "@builder.io/qwik";
 import { QwikCityProvider, RouterOutlet, ServiceWorkerRegister } from "@builder.io/qwik-city";
 
 import { RouterHead } from "~/components/common/RouterHead";
 import { DarkThemeLauncher } from "~/components/common/DarkThemeLauncher";
 
 // import "@fontsource-variable/inter";
-import "~/assets/styles/global.css";
+import styles from  "~/assets/styles/global.css?inline";
 
 export default component$(() => {
   /**
@@ -15,6 +15,8 @@ export default component$(() => {
    * Dont remove the `<head>` and `<body>` elements.
    */
 
+  useStyles$(styles);
+
   return (
     <QwikCityProvider>
       <head>