Skip to content

Commit

Permalink
chore: fix up wording
Browse files Browse the repository at this point in the history
  • Loading branch information
ineshbose committed Apr 5, 2024
1 parent 9df7590 commit 7527b17
Show file tree
Hide file tree
Showing 2 changed files with 35 additions and 5 deletions.
19 changes: 16 additions & 3 deletions README.md
Expand Up @@ -28,15 +28,26 @@

## 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
```

*You can test latest additions on [Nightly Releases](https://tailwindcss.nuxtjs.org/getting-started/installation#nightly-releases)!*
or add `@nuxtjs/tailwindcss` using your dependency manager

```bash
# Using pnpm
pnpm add --save-dev @nuxtjs/tailwindcss

# Using yarn
yarn add --dev @nuxtjs/tailwindcss

2. Add `@nuxtjs/tailwindcss` to the `modules` section of `nuxt.config.{ts,js}`
# Using npm
npm install --save-dev @nuxtjs/tailwindcss
```

and then to the `modules` section of `nuxt.config.{ts,js}`

```ts
export default defineNuxtConfig({
Expand All @@ -48,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
Expand Down
21 changes: 19 additions & 2 deletions docs/content/1.getting-started/1.installation.md
Expand Up @@ -6,11 +6,28 @@ description: Using Tailwind CSS in your Nuxt project is only one command away.
## Installation

1. Install `@nuxtjs/tailwindcss` dependency to your project:
```bash

::code-group

```bash [nuxi]
npx nuxi@latest module add tailwindcss
```

2. Add it to your `modules` section in your `nuxt.config`:
```bash [yarn]
yarn add -D @nuxtjs/tailwindcss
```

```bash [npm]
npm install -D @nuxtjs/tailwindcss
```

```sh [pnpm]
pnpm i -D @nuxtjs/tailwindcss
```

::

2. If not already done, add it to your `modules` section in your `nuxt.config`:

::code-group
```ts [Nuxt 3]
Expand Down

0 comments on commit 7527b17

Please sign in to comment.