diff --git a/README.md b/README.md index ca673f3b..538a4d48 100755 --- a/README.md +++ b/README.md @@ -28,7 +28,13 @@ ## Quick Setup -1. Add `@nuxtjs/tailwindcss` dependency to your project +Add `@nuxtjs/tailwindcss` using the [Nuxt CLI](https://github.com/nuxt/cli) to your project + +```bash +npx nuxi@latest module add tailwindcss +``` + +or add `@nuxtjs/tailwindcss` using your dependency manager ```bash # Using pnpm @@ -41,9 +47,7 @@ yarn add --dev @nuxtjs/tailwindcss npm install --save-dev @nuxtjs/tailwindcss ``` -*You can test latest additions on [Nightly Releases](https://tailwindcss.nuxtjs.org/getting-started/installation#nightly-releases)!* - -2. Add `@nuxtjs/tailwindcss` to the `modules` section of `nuxt.config.{ts,js}` +and then to the `modules` section of `nuxt.config.{ts,js}` ```ts export default defineNuxtConfig({ @@ -55,6 +59,8 @@ export default defineNuxtConfig({ That's it! You can now use Tailwind classes in your Nuxt app ✨ +*You can test latest additions on [Nightly Releases](https://tailwindcss.nuxtjs.org/getting-started/installation#nightly-releases)!* + [📖  Read more](https://tailwindcss.nuxtjs.org/getting-started/) ## Contributing diff --git a/docs/content/1.getting-started/1.installation.md b/docs/content/1.getting-started/1.installation.md index 70fa20cd..a9843e40 100644 --- a/docs/content/1.getting-started/1.installation.md +++ b/docs/content/1.getting-started/1.installation.md @@ -9,6 +9,10 @@ description: Using Tailwind CSS in your Nuxt project is only one command away. ::code-group +```bash [nuxi] +npx nuxi@latest module add tailwindcss +``` + ```bash [yarn] yarn add -D @nuxtjs/tailwindcss ``` @@ -23,7 +27,7 @@ pnpm i -D @nuxtjs/tailwindcss :: -2. Add it to your `modules` section in your `nuxt.config`: +2. If not already done, add it to your `modules` section in your `nuxt.config`: ::code-group ```ts [Nuxt 3]