use named imports for modules stylesheet

remix-run · May 17, 2022 · f5a1432 · f5a1432
1 parent 7632c49
commit f5a1432
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/integration/css-modules-test.ts b/integration/css-modules-test.ts
@@ -28,16 +28,12 @@ test.describe("CSS Modules", () => {
       files: {
         "app/root.jsx": js`
             import { Links, Outlet, Scripts } from "@remix-run/react";
-            import cssModuleStylesheetUrl from "@remix-run/css-modules";
+            import { cssModulesStylesheetUrl } from "@remix-run/css-modules";
             import stylesHref from "~/styles.css";
             export function links() {
               return [
                 { rel: "stylesheet", href: stylesHref },
-                {
-                  rel: "stylesheet",
-                  href: cssModuleStylesheetUrl,
-                  "data-css-modules-link": "",
-                },
+                { rel: "stylesheet", href: cssModulesStylesheetUrl },
               ];
             }
             export default function Root() {

diff --git a/packages/remix-css-modules/browser.ts b/packages/remix-css-modules/browser.ts
@@ -1,3 +1,5 @@
 import type { AssetsManifest } from "@remix-run/dev/assets-manifest";
 let assetsManifest: AssetsManifest = (window as any).__remixManifest;
-export default assetsManifest.cssModules?.globalStylesheetFileUrl;
+const cssModulesStylesheetUrl =
+  assetsManifest.cssModules?.globalStylesheetFileUrl;
+export { cssModulesStylesheetUrl };
diff --git a/packages/remix-css-modules/server.ts b/packages/remix-css-modules/server.ts
@@ -1,2 +1,4 @@
 import assetsManifest from "@remix-run/dev/assets-manifest";
-export default assetsManifest.cssModules?.globalStylesheetFileUrl;
+const cssModulesStylesheetUrl =
+  assetsManifest.cssModules?.globalStylesheetFileUrl;
+export { cssModulesStylesheetUrl };