Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: updated installation docs to reflect the new option tsConfigPath

Browse Source
This commit is contained in:
samk-dev 2024-04-06 14:02:22 +02:00
parent f1a7097464
commit 3d058d23c9
4 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/www/src/content/docs/installation/astro.md
View File

@ -104,6 +104,7 @@ Would you like to use TypeScript (recommended)? no / yes
Which framework are you using? Astro Which framework are you using? Astro
Which style would you like to use? › Default Which style would you like to use? › Default
Which color would you like to use as base color? › Slate Which color would you like to use as base color? › Slate
Where is your typescript configuration file? › ./tsconfig.json
Where is your global CSS file? › src/styles/globals.css Where is your global CSS file? › src/styles/globals.css
Do you want to use CSS variables for colors? › no / yes Do you want to use CSS variables for colors? › no / yes
Where is your tailwind.config located? › tailwind.config.mjs Where is your tailwind.config located? › tailwind.config.mjs
@ -152,12 +153,12 @@ import { Button } from "@/components/ui/button"
--- ---
<html lang="en"> <html lang="en">
<head> <head>
<title>Astro</title> <title>Astro</title>
</head> </head>
<body> <body>
<Button>Hello World</Button> <Button>Hello World</Button>
</body> </body>
</html> </html>
``` ```

1
apps/www/src/content/docs/installation/laravel.md
View File

@ -30,6 +30,7 @@ Would you like to use TypeScript (recommended)? no / yes
Which framework are you using? Vite / Nuxt / Laravel Which framework are you using? Vite / Nuxt / Laravel
Which style would you like to use? › Default Which style would you like to use? › Default
Which color would you like to use as base color? › Slate Which color would you like to use as base color? › Slate
Where is your typescript configuration file? › ./tsconfig.json
Where is your global CSS file? › resources/css/app.css Where is your global CSS file? › resources/css/app.css
Do you want to use CSS variables for colors? › no / yes Do you want to use CSS variables for colors? › no / yes
Where is your tailwind.config.js located? › tailwind.config.js Where is your tailwind.config.js located? › tailwind.config.js

2
apps/www/src/content/docs/installation/nuxt.md
View File

@ -20,6 +20,7 @@ If you encounter the error `ERROR: Cannot read properties of undefined (reading
```bash ```bash
npm install -D typescript npm install -D typescript
``` ```
### Install TailwindCSS module ### Install TailwindCSS module
```bash ```bash
@ -183,6 +184,7 @@ Would you like to use TypeScript (recommended)? no / yes
Which framework are you using? Vite / Nuxt / Laravel Which framework are you using? Vite / Nuxt / Laravel
Which style would you like to use? › Default Which style would you like to use? › Default
Which color would you like to use as base color? › Slate Which color would you like to use as base color? › Slate
Where is your typescript configuration file? › ./tsconfig.json
Where is your global CSS file? › › src/index.css Where is your global CSS file? › › src/index.css
Do you want to use CSS variables for colors? › no / yes Do you want to use CSS variables for colors? › no / yes
Where is your tailwind.config.js located? › tailwind.config.js Where is your tailwind.config.js located? › tailwind.config.js

5
apps/www/src/content/docs/installation/vite.md
View File

@ -30,7 +30,7 @@ Install `tailwindcss` and its peer dependencies, then generate your `tailwind.co
npm install -D tailwindcss autoprefixer npm install -D tailwindcss autoprefixer
``` ```
#### `vite.config` #### `vite.config`
```typescript {5,6,9-13} ```typescript {5,6,9-13}
import path from "path" import path from "path"
@ -63,7 +63,7 @@ Install `tailwindcss` and its peer dependencies, then generate your `tailwind.co
npm install -D tailwindcss autoprefixer postcss npm install -D tailwindcss autoprefixer postcss
``` ```
#### `postcss.config.js` #### `postcss.config.js`
```js ```js
module.exports = { module.exports = {
@ -143,6 +143,7 @@ Would you like to use TypeScript (recommended)? no / yes
Which framework are you using? Vite / Nuxt / Laravel Which framework are you using? Vite / Nuxt / Laravel
Which style would you like to use? › Default Which style would you like to use? › Default
Which color would you like to use as base color? › Slate Which color would you like to use as base color? › Slate
Where is your typescript configuration file? › ./tsconfig.json
Where is your global CSS file? › › src/index.css Where is your global CSS file? › › src/index.css
Do you want to use CSS variables for colors? › no / yes Do you want to use CSS variables for colors? › no / yes
Where is your tailwind.config.js located? › tailwind.config.js Where is your tailwind.config.js located? › tailwind.config.js