Vitest: Support for import aliases when using TypeScript

docs/01-app/02-building-your-application/08-testing/01-vitest.mdx

@@ -20,7 +20,17 @@ npx create-next-app@latest --example with-vitest with-vitest-app
 
 To manually set up Vitest, install `vitest` and the following packages as dev dependencies:
 
-```bash filename="Terminal"
+```bash filename="Terminal (for TypeScript)" switcher
+npm install -D vitest @vitejs/plugin-react jsdom @testing-library/react @testing-library/dom vite-tsconfig-paths
+# or
+yarn add -D vitest @vitejs/plugin-react jsdom @testing-library/react @testing-library/dom vite-tsconfig-paths
+# or
+pnpm install -D vitest @vitejs/plugin-react jsdom @testing-library/react @testing-library/dom vite-tsconfig-paths
+# or
+bun add -D vitest @vitejs/plugin-react jsdom @testing-library/react @testing-library/dom vite-tsconfig-paths
+```
+
+```bash filename="Terminal (for JavaScript)" switcher
 npm install -D vitest @vitejs/plugin-react jsdom @testing-library/react @testing-library/dom
 # or
 yarn add -D vitest @vitejs/plugin-react jsdom @testing-library/react @testing-library/dom
@@ -30,14 +40,15 @@ pnpm install -D vitest @vitejs/plugin-react jsdom @testing-library/react @testin
 bun add -D vitest @vitejs/plugin-react jsdom @testing-library/react @testing-library/dom
 ```
 
-Create a `vitest.config.ts|js` file in the root of your project, and add the following options:
+Create a `vitest.config.mts|js` file in the root of your project, and add the following options:
 
-```ts filename="vitest.config.ts" switcher
+```ts filename="vitest.config.mts" switcher
 import { defineConfig } from 'vitest/config'
 import react from '@vitejs/plugin-react'
+import tsconfigPaths from 'vite-tsconfig-paths'
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [tsconfigPaths(), react()],
   test: {
     environment: 'jsdom',
   },