chore: use vite-tsconfig-paths for resolving aliases (mammadataei#42)

example/package.json

@@ -30,6 +30,7 @@
     "start-server-and-test": "^1.14.0",
     "tailwindcss": "^3.1.8",
     "typescript": "^4.8.4",
-    "vite": "^4.0.1"
+    "vite": "^4.0.1",
+    "vite-tsconfig-paths": "^4.0.7"
   }
 }

example/vite.config.ts

@@ -1,19 +1,7 @@
-import { resolve } from 'path'
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
-import { compilerOptions } from './tsconfig.json'
-
-function resolveAliasesFromTypescriptConfig() {
-  return Object.entries(compilerOptions.paths).reduce((acc, [key, [value]]) => {
-    const aliasKey = key.substring(0, key.length - 2)
-    const path = value.substring(0, value.length - 2)
-    return { ...acc, [aliasKey]: resolve(__dirname, path) }
-  }, {})
-}
+import tsconfigPaths from 'vite-tsconfig-paths'
 
 export default defineConfig({
-  resolve: {
-    alias: resolveAliasesFromTypescriptConfig(),
-  },
-  plugins: [react()],
+  plugins: [react(), tsconfigPaths()],
 })