Skip to content
This repository was archived by the owner on Sep 25, 2025. It is now read-only.

Commit 78df753

Browse files
committed
docs(vite): improve installation
1 parent 61c310b commit 78df753

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

packages/usage/vite-integration-guide.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ npm create vite@latest my-vue-app --template vue-ts
1212
Before going further, you need to install the required dependencies.
1313

1414
```bash [pnpm]
15-
pnpm add reka-ui tailwind-variants @vueuse/core @vueuse/shared @vueuse/integrations colorstranslator defu fuse.js ohash ohashembla-carousel embla-carousel-auto-height embla-carousel-auto-scroll embla-carousel-autoplay embla-carousel-class-names embla-carousel-fade embla-carousel-vue embla-carousel-wheel-gestures vue-component-type-helpers
15+
pnpm add reka-ui tailwind-variants @vueuse/core @vueuse/shared @vueuse/integrations colortranslator defu fuse.js ohash embla-carousel embla-carousel-auto-height embla-carousel-auto-scroll embla-carousel-autoplay embla-carousel-class-names embla-carousel-fade embla-carousel-vue embla-carousel-wheel-gestures vue-component-type-helpers
1616
```
1717

1818
## Configuring Vite
@@ -57,6 +57,12 @@ This alias allows you to import components using `@/ui` instead of relative path
5757

5858
## Setting Up Tailwind CSS
5959

60+
For this section, you need to install Tailwind CSS and its dependencies:
61+
62+
```bash [pnpm]
63+
pnpm add -D tailwindcss @tailwindcss/vite @egoist/tailwindcss-icons
64+
```
65+
6066
To style your project, integrate Tailwind CSS using its Vite plugin:
6167

6268
1. Add the plugin to your `vite.config.ts` file:

0 commit comments

Comments
 (0)