chore: 🤖 use modern best practices for tsconfigs

.github/workflows/pull_request.yml

@@ -23,7 +23,7 @@ jobs:
         run: pnpm format
 
       - name: 🏷️ Check Types
-        run: pnpm check-types
+        run: pnpm typecheck
 
       - name: ✅ Test
         run: pnpm coverage

.vscode/settings.json

@@ -8,6 +8,7 @@
     "Parens",
     "pnpm",
     "tailwindcss",
+    "typecheck",
     "vite",
     "vitest",
     "zustand"

README.md

@@ -106,6 +106,12 @@ pnpm format
 
 _you can run `pnpm format:fix` to fix all format errors_
 
+To check types, run the following command:
+
+```
+pnpm typecheck
+```
+
 To interactively update dependencies, run the following command:
 
 ```

package.json

@@ -7,7 +7,7 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "check-types": "tsc",
+    "typecheck": "tsc",
     "lint": "eslint --color .",
     "lint:fix": "pnpm lint --fix",
     "format": "prettier --check .",

tsconfig.json

@@ -1,17 +1,19 @@
 {
   "compilerOptions": {
-    "allowJs": false,
-    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "target": "es2022",
+    "allowJs": true,
+    "moduleDetection": "force",
+    "isolatedModules": true,
+
     "jsx": "react-jsx",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "module": "ESNext",
-    "moduleResolution": "Node",
+    "moduleResolution": "Bundler",
     "noEmit": true,
     "resolveJsonModule": true,
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
+
     "forceConsistentCasingInFileNames": true,
 
     "strict": true,
@@ -26,8 +28,6 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
 
-    "verbatimModuleSyntax": true,
-
     "baseUrl": ".",
     "paths": {
       "@/*": ["src/*"]