diff --git a/apps/www/src/content/docs/installation/astro.md b/apps/www/src/content/docs/installation/astro.md index df30c22c1..685b9a640 100644 --- a/apps/www/src/content/docs/installation/astro.md +++ b/apps/www/src/content/docs/installation/astro.md @@ -39,6 +39,12 @@ Add the following code to the `tsconfig.json` file to resolve paths: } ``` +### Install Reka UI + +```bash +npm install reka-ui +``` + ### Run the CLI Run the `shadcn` init command to setup your project: diff --git a/apps/www/src/content/docs/installation/manual.md b/apps/www/src/content/docs/installation/manual.md index 375290791..bb3713b37 100644 --- a/apps/www/src/content/docs/installation/manual.md +++ b/apps/www/src/content/docs/installation/manual.md @@ -16,7 +16,7 @@ Components are styled using Tailwind CSS. You need to install Tailwind CSS in yo Add the following dependencies to your project: ```bash -npm install class-variance-authority clsx tailwind-merge lucide-vue-next tw-animate-css +npm install class-variance-authority clsx tailwind-merge lucide-vue-next tw-animate-css reka-ui ``` ### Configure path aliases diff --git a/apps/www/src/content/docs/installation/nuxt.md b/apps/www/src/content/docs/installation/nuxt.md index 2ffec8810..fd13dd276 100644 --- a/apps/www/src/content/docs/installation/nuxt.md +++ b/apps/www/src/content/docs/installation/nuxt.md @@ -30,16 +30,17 @@ npm install -D typescript -### Add Tailwind CSS +### Add Tailwind CSS and animations ```bash -npm install tailwindcss @tailwindcss/vite +npm install tailwindcss @tailwindcss/vite tw-animate-css ``` Replace everything in `assets/css/tailwind.css` with the following: ```css title="assets/css/tailwind.css" @import "tailwindcss"; +@import "tw-animate-css"; ``` Update `nuxt.config.ts` with the following: @@ -219,6 +220,12 @@ If you are initiating a new project, you need to run the command so that Nuxt ge npx nuxi prepare ``` +### Install Reka UI + +```bash +npm install reka-ui +``` + ### Run the CLI Run the `shadcn-vue` init command to setup your project: diff --git a/apps/www/src/content/docs/installation/vite.md b/apps/www/src/content/docs/installation/vite.md index 17f3c4f6b..0ec0de6bb 100644 --- a/apps/www/src/content/docs/installation/vite.md +++ b/apps/www/src/content/docs/installation/vite.md @@ -20,16 +20,17 @@ Start by creating a new Vue project using `vite`: npm create vite@latest my-vue-app -- --template vue-ts ``` -### Add Tailwind CSS +### Add Tailwind CSS and animations ```bash -npm install tailwindcss @tailwindcss/vite +npm install tailwindcss @tailwindcss/vite tw-animate-css ``` Replace everything in `src/index.css` with the following: ```css title="src/index.css" @import "tailwindcss"; +@import "tw-animate-css"; ``` ### Edit tsconfig.json file @@ -101,6 +102,12 @@ export default defineConfig({ }) ``` +### Install Reka UI + +```bash +npm install reka-ui +``` + ### Run the CLI Run the `shadcn-vue` init command to setup your project: