Fix import

JosueRhea · Aug 9, 2023 · 76aab89 · 76aab89
1 parent 6de037a
commit 76aab89
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 19 deletions.
diff --git a/README.md b/README.md
@@ -5,9 +5,9 @@ Dark and light mode with SSR
 ### Installation
 
 ```bash
-pnpm i remix-themes
+pnpm i @remix/themes
 #or
-npm i remix-themes
+npm i @remix/themes
 ```
 
 ### Usage
@@ -17,7 +17,7 @@ Firt create `app/theme.server.ts` to setup the session storage
 // app/theme.server.ts
 
 import { createCookieSessionStorage } from "@remix-run/node";
-import { Theme, isTheme } from "remix-themes";
+import { Theme, isTheme } from "@remix/themes";
 
 const themeStorage = createCookieSessionStorage({
   cookie: {
@@ -52,7 +52,7 @@ Update the `app/root.tsx` file. You'll ned a extra component that look like this
 ```tsx
 // app/root.tsx
 import type { LinksFunction, LoaderArgs, SerializeFrom } from "@remix-run/node";
-import { NonFlashOfWrongThemeEls, ThemeProvider, useTheme } from "remix-themes";
+import { NonFlashOfWrongThemeEls, ThemeProvider, useTheme } from "@remix/themes";
 import { getThemeSession } from "~/theme.server";
 import stylesheet from "~/tailwind.css";
 import { useLoaderData } from "@remix-run/react";
@@ -104,7 +104,7 @@ Create a new route in `app/routes/action.set-theme.tsx` that will contain the ac
 // app/routes/action.set-theme.tsx
 
 import { json, type ActionFunction, redirect } from "@remix-run/node";
-import { isTheme } from "remix-themes";
+import { isTheme } from "@remix/themes";
 import { getThemeSession } from "~/theme.server";
 
 export const action: ActionFunction = async ({ request }) => {
@@ -136,7 +136,7 @@ Now you can use the hook to see your current theme or change the theme.
 
 ```tsx
 // app/routes/_index.tsx
-import { Theme, Themed, useTheme } from "remix-themes";
+import { Theme, Themed, useTheme } from "@remix/themes";
 
 export default function Page() {
   const [theme, setTheme] = useTheme();

diff --git a/examples/www/CHANGELOG.md b/examples/www/CHANGELOG.md
@@ -5,4 +5,4 @@
 ### Patch Changes
 
 - Updated dependencies [759c548]
-  - remix-themes@1.0.0
+  - @remix/themes@1.0.0
diff --git a/examples/www/app/root.tsx b/examples/www/app/root.tsx
@@ -9,7 +9,7 @@ import {
   ScrollRestoration,
   useLoaderData,
 } from "@remix-run/react";
-import { NonFlashOfWrongThemeEls, ThemeProvider, useTheme } from "remix-themes";
+import { NonFlashOfWrongThemeEls, ThemeProvider, useTheme } from "@remix/themes";
 import { getThemeSession } from "~/theme.server";
 import stylesheet from "~/tailwind.css";
 

diff --git a/examples/www/app/routes/_index.tsx b/examples/www/app/routes/_index.tsx
@@ -1,6 +1,5 @@
 import type { V2_MetaFunction } from "@remix-run/node";
-import { Theme, Themed, useTheme } from "remix-themes";
-// import { Theme, useTheme } from "remix-themes";
+import { Theme, Themed, useTheme } from "@remix/themes";
 
 export const meta: V2_MetaFunction = () => {
   return [

diff --git a/examples/www/app/routes/action.set-theme.tsx b/examples/www/app/routes/action.set-theme.tsx
@@ -1,5 +1,5 @@
 import { json, type ActionFunction, redirect } from "@remix-run/node";
-import { isTheme } from "remix-themes";
+import { isTheme } from "@remix/themes";
 import { getThemeSession } from "~/theme.server";
 
 export const action: ActionFunction = async ({ request }) => {

diff --git a/examples/www/app/theme.server.ts b/examples/www/app/theme.server.ts
@@ -1,5 +1,5 @@
 import { createCookieSessionStorage } from "@remix-run/node";
-import { Theme, isTheme } from "remix-themes";
+import { Theme, isTheme } from "@remix/themes";
 
 const themeStorage = createCookieSessionStorage({
   cookie: {

diff --git a/packages/themes/CHANGELOG.md b/packages/themes/CHANGELOG.md
@@ -1,4 +1,4 @@
-# remix-themes
+# @remix/themes
 
 ## 1.0.0
 

diff --git a/packages/themes/README.md b/packages/themes/README.md
@@ -5,9 +5,9 @@ Dark and light mode with SSR
 ### Installation
 
 ```bash
-pnpm i remix-themes
+pnpm i @remix/themes
 #or
-npm i remix-themes
+npm i @remix/themes
 ```
 
 ### Usage
@@ -17,7 +17,7 @@ Firt create `app/theme.server.ts` to setup the session storage
 // app/theme.server.ts
 
 import { createCookieSessionStorage } from "@remix-run/node";
-import { Theme, isTheme } from "remix-themes";
+import { Theme, isTheme } from "@remix/themes";
 
 const themeStorage = createCookieSessionStorage({
   cookie: {
@@ -52,7 +52,7 @@ Update the `app/root.tsx` file. You'll ned a extra component that look like this
 ```tsx
 // app/root.tsx
 import type { LinksFunction, LoaderArgs, SerializeFrom } from "@remix-run/node";
-import { NonFlashOfWrongThemeEls, ThemeProvider, useTheme } from "remix-themes";
+import { NonFlashOfWrongThemeEls, ThemeProvider, useTheme } from "@remix/themes";
 import { getThemeSession } from "~/theme.server";
 import stylesheet from "~/tailwind.css";
 import { useLoaderData } from "@remix-run/react";
@@ -104,7 +104,7 @@ Create a new route in `app/routes/action.set-theme.tsx` that will contain the ac
 // app/routes/action.set-theme.tsx
 
 import { json, type ActionFunction, redirect } from "@remix-run/node";
-import { isTheme } from "remix-themes";
+import { isTheme } from "@remix/themes";
 import { getThemeSession } from "~/theme.server";
 
 export const action: ActionFunction = async ({ request }) => {
@@ -136,7 +136,7 @@ Now you can use the hook to see your current theme or change the theme.
 
 ```tsx
 // app/routes/_index.tsx
-import { Theme, Themed, useTheme } from "remix-themes";
+import { Theme, Themed, useTheme } from "@remix/themes";
 
 export default function Page() {
   const [theme, setTheme] = useTheme();