chore: update remix example (#8090)

snowystinger · web-flow · commit 104d441a12c5 · 2025-04-17T00:40:27.000Z
* chore: update remix example

* add missing dev dependency

* fix process env
diff --git a/examples/remix/app/root.tsx b/examples/remix/app/root.tsx
@@ -28,7 +28,7 @@ export default function App() {
         <Links />
       </head>
       <body>
-        <Provider 
+        <Provider
           theme={defaultTheme}
           locale="en"
           router={{
@@ -38,6 +38,12 @@ export default function App() {
           <Outlet />
         </Provider>
         <ScrollRestoration />
+        {/* https://remix.run/docs/en/main/guides/envvars */}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `window.process = {}; window.process.env = {};`,
+          }}
+        />
         <Scripts />
         <LiveReload />
       </body>
diff --git a/examples/remix/package.json b/examples/remix/package.json
@@ -19,6 +19,7 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
+    "@react-aria/optimize-locales-plugin": "^1.1.4",
     "@remix-run/dev": "^2.3.1",
     "@remix-run/eslint-config": "^2.3.1",
     "@types/react": "^18",
diff --git a/examples/remix/vite.config.ts b/examples/remix/vite.config.ts
@@ -1,4 +1,4 @@
-import { unstable_vitePlugin as remix } from "@remix-run/dev";
+import { vitePlugin as remix } from "@remix-run/dev";
 import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 import optimizeLocales from '@react-aria/optimize-locales-plugin';

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { unstable_vitePlugin as remix } from "@remix-run/dev";`
	`1`	`+import { vitePlugin as remix } from "@remix-run/dev";`
`2`	`2`	`import { defineConfig } from "vite";`
`3`	`3`	`import tsconfigPaths from "vite-tsconfig-paths";`
`4`	`4`	`import optimizeLocales from '@react-aria/optimize-locales-plugin';`