From 97082840f8f9c0b6d5c38cddec78397316a54020 Mon Sep 17 00:00:00 2001
From: Valerio Ageno <51341197+Valerioageno@users.noreply.github.com>
Date: Thu, 20 Mar 2025 16:41:41 +0100
Subject: [PATCH] feat: remove `global.css` import to enable global CSS file
 customizations (#650)

Co-authored-by: Marco Pasqualetti <24919330+marcalexiei@users.noreply.github.com>
---
 crates/tuono/src/source_builder.rs              | 1 -
 examples/tuono-app/src/routes/__layout.tsx      | 2 ++
 examples/tuono-tutorial/src/routes/__layout.tsx | 2 ++
 examples/with-mdx/src/routes/__layout.tsx       | 2 ++
 examples/with-tailwind/src/routes/__layout.tsx  | 2 ++
 5 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/crates/tuono/src/source_builder.rs b/crates/tuono/src/source_builder.rs
index 3f43eab5..9ac324b5 100644
--- a/crates/tuono/src/source_builder.rs
+++ b/crates/tuono/src/source_builder.rs
@@ -42,7 +42,6 @@ const CLIENT_ENTRY_DATA: &str = "// File automatically generated by tuono
 // Do not manually update this file
 import 'vite/modulepreload-polyfill'
 import { hydrate } from 'tuono/hydration'
-import '../src/styles/global.css'
 
 // Import the generated route tree
 import { routeTree } from './routeTree.gen'
diff --git a/examples/tuono-app/src/routes/__layout.tsx b/examples/tuono-app/src/routes/__layout.tsx
index 8ef43630..38172cef 100644
--- a/examples/tuono-app/src/routes/__layout.tsx
+++ b/examples/tuono-app/src/routes/__layout.tsx
@@ -1,6 +1,8 @@
 import type { ReactNode, JSX } from 'react'
 import { TuonoScripts } from 'tuono'
 
+import '../styles/global.css'
+
 interface RootLayoutProps {
   children: ReactNode
 }
diff --git a/examples/tuono-tutorial/src/routes/__layout.tsx b/examples/tuono-tutorial/src/routes/__layout.tsx
index 8ef43630..38172cef 100644
--- a/examples/tuono-tutorial/src/routes/__layout.tsx
+++ b/examples/tuono-tutorial/src/routes/__layout.tsx
@@ -1,6 +1,8 @@
 import type { ReactNode, JSX } from 'react'
 import { TuonoScripts } from 'tuono'
 
+import '../styles/global.css'
+
 interface RootLayoutProps {
   children: ReactNode
 }
diff --git a/examples/with-mdx/src/routes/__layout.tsx b/examples/with-mdx/src/routes/__layout.tsx
index f4bf5b50..16c4f0ac 100644
--- a/examples/with-mdx/src/routes/__layout.tsx
+++ b/examples/with-mdx/src/routes/__layout.tsx
@@ -2,6 +2,8 @@ import type { ReactNode, JSX } from 'react'
 import { MDXProvider } from '@mdx-js/react'
 import { TuonoScripts } from 'tuono'
 
+import '../styles/global.css'
+
 interface RootLayoutProps {
   children: ReactNode
 }
diff --git a/examples/with-tailwind/src/routes/__layout.tsx b/examples/with-tailwind/src/routes/__layout.tsx
index cdb20498..a15ffd5b 100644
--- a/examples/with-tailwind/src/routes/__layout.tsx
+++ b/examples/with-tailwind/src/routes/__layout.tsx
@@ -1,6 +1,8 @@
 import type { ReactNode, JSX } from 'react'
 import { TuonoScripts } from 'tuono'
 
+import '../styles/global.css'
+
 interface RootLayoutProps {
   children: ReactNode
 }