refactor: tweak tsconfig.json and import paths (#59)

Author: wadackel

package.json

@@ -18,7 +18,6 @@
     "@vitejs/plugin-react": "4.2.1",
     "prettier": "3.2.5",
     "typescript": "5.4.5",
-    "vite": "5.2.9",
-    "vite-tsconfig-paths": "4.3.2"
+    "vite": "5.2.9"
   }
 }

src/components/FriendRequestForm/FriendRequestForm.tsx

@@ -1,8 +1,7 @@
-
-import { UserList } from 'src/components/UserList/UserList'
+import { UserList } from '../UserList/UserList'
 import styles from './FriendRequestForm.module.css'
 
-const FriendRequestForm = () => {
+export const FriendRequestForm = () => {
   return (
     <form className={styles.wrapper}>
       <h2 className={styles.header}>友達リクエストの送信先を選択してください</h2>
@@ -17,5 +16,3 @@ const FriendRequestForm = () => {
     </form>
   )
 }
-
-export { FriendRequestForm }

src/components/UserList/UserList.tsx

@@ -1,14 +1,12 @@
 // Data Source
 import { users } from '../../data/users'
-import { getUsers } from 'src/data/getUsers'
+import { getUsers } from '../../data/getUsers'
 
 // CSS Modules
 import styles from './UserList.module.css'
 // styled-components
 import styled from 'styled-components'
 
-const UserList = () => {
+export const UserList = () => {
   return <>TODO: ユーザーリストの実装</>
 }
-
-export { UserList }

src/main.tsx

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom/client'
 
 import 'ress'
 
-import { FriendRequestForm } from 'src/components/FriendRequestForm/FriendRequestForm'
+import { FriendRequestForm } from './components/FriendRequestForm/FriendRequestForm'
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

tsconfig.json

@@ -18,10 +18,7 @@
     "isolatedModules": true,
     "jsx": "react-jsx",
     "allowSyntheticDefaultImports": true,
-    "noFallthroughCasesInSwitch": true,
-    "paths": {
-      "src/*": ["./src/*"], 
-    }
+    "noFallthroughCasesInSwitch": true
   },
   "exclude": ["node_modules"],
   "include": ["**/*.ts", "**/*.tsx"]

vite.config.ts

@@ -1,8 +1,6 @@
 import { defineConfig } from 'vite'
-import tsconfigPaths from 'vite-tsconfig-paths'
 import react from '@vitejs/plugin-react'
 
-
 export default defineConfig({
-  plugins: [react(), tsconfigPaths()],
+  plugins: [react()],
 })