@@ -9,9 +9,7 @@ We will be using the [Feliz.Shadcn](https://github.com/reaptor/feliz.shadcn) wra
99
1010Check out the following recipe here to install Tailwind: [ Add Tailwind] ( https://safe-stack.github.io/docs/recipes/ui/add-tailwind/ )
1111
12- #### 2. Move ` package.json ` & ` package-lock.json ` to ` /src/Client `
13-
14- #### 3. Configure import alias in tsconfig:
12+ #### 2. Configure import alias in tsconfig:
1513
1614Create a file named ` tsconfig.json ` in ` /src/Client ` and add the following:
1715
@@ -29,7 +27,7 @@ Create a file named `tsconfig.json` in `/src/Client` and add the following:
2927}
3028```
3129
32- #### 4 . Update the ` vite.config.mts ` within ` /src/Client `
30+ #### 3 . Update the ` vite.config.mts ` within ` /src/Client `
3331
3432Add the ` resolve ` property below under the ` defineConfig `
3533
@@ -45,7 +43,7 @@ export default defineConfig({
4543});
4644```
4745
48- #### 5 . Install shadcn/ui
46+ #### 4 . Install shadcn/ui
4947
5048> Note: ensure your node version is > 20.5.0
5149
@@ -55,15 +53,15 @@ npx shadcn@latest init
5553
5654You will be asked a few questions to configure components.json
5755
58- #### 6 . Add Feliz.Shadcn
56+ #### 5 . Add Feliz.Shadcn
5957
6058Inside the ` /src/Client ` directory run:
6159
6260```
6361dotnet add package Feliz.Shadcn
6462```
6563
66- #### 7 . Start adding any shadcn component
64+ #### 6 . Start adding any shadcn component
6765
6866Specify first which components you want to use.
6967You can find the list of available components [ here] ( https://reaptor.github.io/Feliz.Shadcn/ ) :
@@ -72,7 +70,7 @@ You can find the list of available components [here](https://reaptor.github.io/F
7270npx shadcn@latest add button
7371```
7472
75- #### 8 . Use it in Feliz:
73+ #### 7 . Use it in Feliz:
7674
7775``` fsharp
7876open Feliz.Shadcn
0 commit comments