inline css in prod

src/routes/__root.tsx

@@ -35,10 +35,12 @@ export const Route = createRootRoute({
 			},
 		],
 		links: [
-			{
+			// {
-				rel: "stylesheet",
+			// 	rel: "stylesheet",
-				href: appCss,
+			// 	href: appCss,
-			},
+			// },
+			...(import.meta.env.DEV ? [{ rel: "stylesheet", href: appCss }] : []),
+
 			{
 				rel: "icon",
 				href: "/favicon.svg",

vite.config.ts

@@ -20,6 +20,11 @@ const config = defineConfig({
 				crawlLinks: true,
 				failOnError: true,
 			},
+			server: {
+				build: {
+					inlineCss: true,
+				},
+			},
 			pages: [
 				{
 					path: "/callback",