diff --git a/apps/www/content/docs/installation/astro.mdx b/apps/www/content/docs/installation/astro.mdx index cb5e84c3de3..e689b207003 100644 --- a/apps/www/content/docs/installation/astro.mdx +++ b/apps/www/content/docs/installation/astro.mdx @@ -62,19 +62,15 @@ Answer `Yes` to all the question prompted by the CLI when installing Tailwind CS ### Edit tsconfig.json file -Add the following code to the `tsconfig.json` file to resolve paths: +Add the code below to the tsconfig.json file to resolve paths: -```ts {4-9} showLineNumbers +```json {2-7} showLineNumbers { "compilerOptions": { - // ... "baseUrl": ".", "paths": { - "@/*": [ - "./src/*" - ] + "@/*": ["src/*"] } - // ... } } ``` diff --git a/apps/www/content/docs/installation/gatsby.mdx b/apps/www/content/docs/installation/gatsby.mdx index 184e0f9cbfa..cd83d6f8f6b 100644 --- a/apps/www/content/docs/installation/gatsby.mdx +++ b/apps/www/content/docs/installation/gatsby.mdx @@ -35,7 +35,7 @@ You will be asked a few questions to configure your project: ### Edit tsconfig.json file -Add the following code to the `tsconfig.json` file to resolve paths: +Add the code below to the `tsconfig.json` file to resolve paths: ```ts {4-9} showLineNumbers { diff --git a/apps/www/content/docs/installation/vite.mdx b/apps/www/content/docs/installation/vite.mdx index eddceefcad3..b198b23c30b 100644 --- a/apps/www/content/docs/installation/vite.mdx +++ b/apps/www/content/docs/installation/vite.mdx @@ -23,28 +23,20 @@ npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p ``` -### Edit tsconfig.json file - -Add the following code to the `tsconfig.json` file to resolve paths: - -```ts {4-9} showLineNumbers -{ - "compilerOptions": { - // ... - "baseUrl": ".", - "paths": { - "@/*": [ - "./src/*" - ] - } - // ... - } +### Edit tsconfig.json + +Add the code below to the compilerOptions of your tsconfig.json so your app can resolve paths without error + +```typescript +"baseUrl": ".", +"paths": { + "@/*": ["./src/*"] } ``` ### Update vite.config.ts -Add the following code to the vite.config.ts so your app can resolve paths without error +Add the code below to the vite.config.ts so your app can resolve paths without error ```bash # (so you can import "path" without error)