CHANGELOG.md

@@ -2,6 +2,23 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## v6.9.0
+
+[compare changes](https://github.com/nuxt-modules/tailwindcss/compare/v6.8.1...v6.9.0)
+
+### 🚀 Enhancements
+
+- More adaptive content paths ([#744](https://github.com/nuxt-modules/tailwindcss/pull/744))
+- More customisable configuration ([#743](https://github.com/nuxt-modules/tailwindcss/pull/743))
+
+### 🏡 Chore
+
+- Add type module to packageJson ([36b4766](https://github.com/nuxt-modules/tailwindcss/commit/36b4766))
+
+### ❤️ Contributors
+
+- Inesh Bose
+
 ## v6.8.1
 
 [compare changes](https://github.com/nuxt-modules/tailwindcss/compare/v6.8.0...v6.8.1)

build.config.ts

@@ -2,8 +2,7 @@ import { defineBuildConfig } from 'unbuild'
 
 export default defineBuildConfig({
   externals: [
-    'pathe',
-    'minimatch'
+    'pathe'
   ],
   failOnWarn: false
 })

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

@@ -83,41 +83,14 @@ If you need to resolve the tailwind config in runtime, you can enable the `expos
 export default {
   tailwindcss: {
     exposeConfig: true
+    // or, for more customisation
+    // exposeConfig: { level: 2, alias: '#tailwind-config' }
   }
 }
 ```
 
 Learn more about it in the [Referencing in the application](/tailwind/config#referencing-in-the-application) section.
 
-## `exposeLevel`
-
-- Default: `2`
-
-If you want to only import *really* specific parts of your tailwind config, you can enable imports for each property in the config:
-
-```ts [nuxt.config]
-export default {
-  tailwindcss: {
-    exposeConfig: true,
-    exposeLevel: 3
-  }
-}
-```
-
-This is only relevant when [`exposeConfig`](/getting-started/options#exposeconfig) is set to `true`. Setting `exposeLevel` to ≤ 0 will only expose root properties.
-
-::alert{type="warning"}
-
-It is unlikely for `exposeLevel` to ever be over 4 - the usual depth of a Tailwind config. A higher value is also likely to increase boot-time and disk space in dev. Refer to the [Nuxt Virtual File System](https://nuxt.com/docs/guide/directory-structure/nuxt#virtual-file-system) to see generated files.
-
-::
-
-::alert{type="info"}
-
-Named exports for properties below [root options](https://tailwindcss.com/docs/configuration#configuration-options) are prefixed with `_` (`_colors`, `_900`, `_2xl`) to ensure safe variable names. You can use default imports to provide any identifier or rename named imports using `as`. Properties with unsafe variable names (`spacing['1.5']`, `height['1/2']`, `keyframes.ping['75%, 100%']`) do not get exported individually.
-
-::
-
 ## `injectPosition`
 
 - Default: `'first'`
@@ -188,6 +161,7 @@ To disable the viewer during development, set its value to `false`:
 export default {
   tailwindcss: {
     viewer: false
+    // viewer: { endpoint: '/_tailwind' }
   }
 }
 ```

docs/content/2.tailwind/1.config.md

@@ -267,8 +267,7 @@ If you need resolved Tailwind config at runtime, you can enable the [exposeConfi
 ```js{}[nuxt.config]
 export default {
   tailwindcss: {
-    exposeConfig: true,
-    // exposeLevel: 1,  // determines tree-shaking (optional)
+    exposeConfig: true
   }
 }
 ```
@@ -281,19 +280,36 @@ import tailwindConfig from '#tailwind-config'
 
 // Import only part which is required to allow tree-shaking
 import { theme } from '#tailwind-config'
+```
+
+Please be aware this adds `~19.5KB` (`~3.5KB`) to the client bundle size. If you want to only import _really_ specific parts of your tailwind config, you can enable imports for each property in the config:
+
+```js{}[nuxt.config]
+export default {
+  tailwindcss: {
+    exposeConfig: {
+      level: 4,
+      alias: '#twcss' // if you want to change alias
+    }
+  }
+}
+```
 
-// Import within properties for further tree-shaking (based on exposeLevel)
-import screens from '#tailwind-config/theme/screens'  // default import
-import { _neutral } from '#tailwind-config/theme/colors'  // named (with _ prefix)
-import { _800 as slate800 } from '#tailwind-config/theme/colors/slate'  // alias
+```js
+// Import within properties for further tree-shaking
+import screens from '#twcss/theme/screens'  // default import
+import { _neutral } from '#twcss/theme/colors'  // named (with _ prefix)
+import { _800 as slate800 } from '#twcss/theme/colors/slate'  // alias
 ```
 
 ::alert{type="warning"}
 
-  Please be aware this adds `~19.5KB` (`~3.5KB`) to the client bundle size.
+It is unlikely for `level` to ever be over 4 - the usual depth of a Tailwind config. A higher value is also likely to increase boot-time and disk space in dev. Refer to the [Nuxt Virtual File System](https://nuxt.com/docs/guide/directory-structure/nuxt#virtual-file-system) to see generated files.
 
 ::
 
-::alert
-Import types are only provided through the `#tailwind-config/*` alias.
+::alert{type="info"}
+
+Named exports for properties below [root options](https://tailwindcss.com/docs/configuration#configuration-options) are prefixed with `_` (`_colors`, `_900`, `_2xl`) to ensure safe variable names. You can use default imports to provide any identifier or rename named imports using `as`. Properties with unsafe variable names (`spacing['1.5']`, `height['1/2']`, `keyframes.ping['75%, 100%']`) do not get exported individually.
+
 ::

docs/content/2.tailwind/2.viewer.md

@@ -4,7 +4,7 @@ Visualize your Tailwind configuration with the viewer.
 
 ---
 
-Nuxt Tailwind exposes a `/_tailwind/` route in development, allowing you to quickly visualize your Tailwind configuration with easy copy-pasting (thanks to the awesome [tailwind-config-viewer](https://github.com/rogden/tailwind-config-viewer) package ✨).
+By default, the module will expose a `/_tailwind/` route in development, so that you can quickly visualize your Tailwind configuration with easy copy-pasting (thanks to the awesome [tailwind-config-viewer](https://github.com/rogden/tailwind-config-viewer) package ✨).
 
 The viewer is available starting from version  `v3.4.0` of `@nuxtjs/tailwindcss`.
 

nuxt2-playground/package.json

@@ -11,7 +11,7 @@
     "generate": "nuxt generate"
   },
   "dependencies": {
-    "nuxt": "2.17.1",
+    "nuxt": "2.17.2",
     "postcss": "8.4.31"
   },
   "keywords": []