docs: improvements

docs/content/1.getting-started/1.setup.md

@@ -2,20 +2,22 @@
 
 Using Tailwind CSS in your Nuxt project is only one command away ✨
 
----
-
 ## Installation
 
-1. Add `@nuxtjs/tailwindcss` dependency to your project:
+1. Install `@nuxtjs/tailwindcss` dependency to your project:
 
 ::code-group
 
-```bash [Yarn]
-yarn add --dev @nuxtjs/tailwindcss
+```bash [yarn]
+yarn add -D @nuxtjs/tailwindcss
+```
+
+```bash [npm]
+npm install -D @nuxtjs/tailwindcss
 ```
 
-```bash [NPM]
-npm install --save-dev @nuxtjs/tailwindcss
+```sh [pnpm]
+pnpm i -D @nuxtjs/tailwindcss
 ```
 
 ::
@@ -25,27 +27,23 @@ npm install --save-dev @nuxtjs/tailwindcss
 ::code-group
 ```ts [nuxt.config (Nuxt 3)]
 export default defineNuxtConfig({
-    modules: ['@nuxtjs/tailwindcss']
+  modules: ['@nuxtjs/tailwindcss']
 })
 ```
 
 ```ts [nuxt.config (Nuxt 2)]
 export default {
-  modules: ['@nuxtjs/tailwindcss']
+  buildModules: ['@nuxtjs/tailwindcss']
 }
 ```
 ::
 
 ::alert{type="success"}
-
 That's it! You can now use Tailwind classes in your Nuxt app ✨
-
 ::
 
 ::alert{type="info"}
-
 Discover your color palette based on your Tailwind config with the [Tailwind viewer](/tailwind/viewer).
-
 ::
 
 ## Tailwind Files
@@ -58,12 +56,11 @@ When running `nuxt dev`, this module will look for these files:
 If they don't exist, the module will inject a basic configuration for each one so you don't have to create these files.
 
 ::alert{type="info"}
-
 You can configure the paths in the [module options](/getting-started/options).
-
 ::
 
 If you're going to create your own Tailwind CSS file, make sure to add the  `@tailwind` directives for each of Tailwind’s layers.
+
 ```css
 @tailwind base;
 @tailwind components;
@@ -77,11 +74,11 @@ Learn more about overwriting the Tailwind configuration in the [Tailwind Config]
 You can customize the module's behavior by using the `tailwindcss` property in `nuxt.config`:
 
 ```ts [nuxt.config]
-export default {
+export default defineNuxtConfig({
   tailwindcss: {
     // Options
   }
-}
+})
 ```
 
 See the [module options](/getting-started/options).

docs/content/1.getting-started/2.options.md

@@ -1,18 +1,17 @@
 # Options
 
-Configure Nuxt Tailwind easily with the `tailwindcss` property.
+Configure Nuxt Tailwind with the `tailwindcss` property.
 
----
-
-```ts [nuxt.config]
+```ts [nuxt.config.ts]
 export default {
   // Defaults options
   tailwindcss: {
     cssPath: '~/assets/css/tailwind.css',
     configPath: 'tailwind.config',
     exposeConfig: false,
+    exposeLevel: 2,
     config: {},
-    injectPosition: 0,
+    injectPosition: 'first',
     viewer: true,
   }
 }