fix(app): relocate sx.ts

VdustR · Jun 16, 2024 · 606bb9d · 606bb9d
1 parent 939e01b
commit 606bb9d
Show file tree

Hide file tree

Showing 8 changed files with 61 additions and 10 deletions.
diff --git a/packages/vite-react-19/package.json b/packages/vite-react-19/package.json
@@ -19,6 +19,7 @@
   },
   "devDependencies": {
     "@types/react": "npm:types-react@19.0.0-rc.1",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
+    "vite-tsconfig-paths": "^4.3.2"
   }
 }
diff --git a/packages/vite-react-19/src/App.tsx b/packages/vite-react-19/src/App.tsx
@@ -1,7 +1,7 @@
 import { Box, Button, Card, Typography } from "@mui/joy";
 import type { SxProps } from "@mui/joy/styles/types";
 import useEventCallback from "@mui/utils/useEventCallback";
-import { sxUtils } from "@repo/utils/sx";
+import { sxUtils } from "@utils/sx";
 import { type ComponentProps, type FC, useState } from "react";
 
 import { Layout } from "./layout";

diff --git a/packages/vite-react-19/src/TopBar/index.tsx b/packages/vite-react-19/src/TopBar/index.tsx
@@ -1,6 +1,6 @@
 import { Box, Typography } from "@mui/joy";
 import type { SxProps } from "@mui/joy/styles/types";
-import { sxUtils } from "@repo/utils/sx";
+import { sxUtils } from "@utils/sx";
 
 import { ModeToggle } from "./ModeSwitch";
 

diff --git a/packages/vite-react-19/src/layout.tsx b/packages/vite-react-19/src/layout.tsx
@@ -1,6 +1,6 @@
 import { Box, Container } from "@mui/joy";
 import type { SxProps } from "@mui/joy/styles/types";
-import { sxUtils } from "@repo/utils/sx";
+import { sxUtils } from "@utils/sx";
 import type { ReactNode } from "react";
 
 import { TopBar } from "./TopBar";

diff --git a/packages/vite-react-19/src/tsconfig.json b/packages/vite-react-19/src/tsconfig.json
@@ -1,3 +1,8 @@
 {
-  "extends": ["@repo/tsconfig/app/tsconfig"]
+  "extends": ["@repo/tsconfig/app/tsconfig"],
+  "compilerOptions": {
+    "paths": {
+      "@utils/*": ["./utils/*"]
+    }
+  }
 }
diff --git a/packages/utils/sx.ts → packages/vite-react-19/src/utils/sx.ts b/packages/utils/sx.ts → packages/vite-react-19/src/utils/sx.ts
diff --git a/packages/vite-react-19/vite.config.ts b/packages/vite-react-19/vite.config.ts
@@ -1,8 +1,12 @@
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
+import tsconfigPaths from "vite-tsconfig-paths";
 
 export default defineConfig({
   plugins: [
+    tsconfigPaths({
+      projects: ["./src/tsconfig.json"],
+    }),
     react({
       babel: {
         plugins: [["babel-plugin-react-compiler"]],

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml