CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.
 
+### [5.0.3](https://github.com/nuxt-community/tailwindcss-module/compare/v5.0.2...v5.0.3) (2022-04-20)
+
+
+### Bug Fixes
+
+* tailwind viewer url ([#453](https://github.com/nuxt-community/tailwindcss-module/issues/453)) ([d35b39c](https://github.com/nuxt-community/tailwindcss-module/commit/d35b39c6b20a89f1005c383dff003137af0d5b66))
+
 ### [5.0.2](https://github.com/nuxt-community/tailwindcss-module/compare/v5.0.1...v5.0.2) (2022-03-16)
 
 

README.md

@@ -74,7 +74,7 @@ Copyright (c) Nuxt Community
 [npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/tailwindcss/latest.svg
 [npm-version-href]: https://npmjs.com/package/@nuxtjs/tailwindcss
 
-[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxtjs/tailwindcss.svg
+[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxtjs/tailwindcss.svg
 [npm-downloads-href]: https://npmjs.com/package/@nuxtjs/tailwindcss
 
 [github-actions-ci-src]: https://github.com/nuxt-community/tailwindcss-module/workflows/ci/badge.svg

docs/content/2.setup.md

@@ -6,29 +6,6 @@ category: Getting started
 
 > Using TailwindCSS in your Nuxt project is only one command away ✨
 
-<d-alert>
-
-Please make sure to update your Nuxt version to be minimum [v2.15.3](https://github.com/nuxt/nuxt.js/releases/tag/v2.15.3).
-
-</d-alert>
-
-<d-code-group>
-  <d-code-block label="Yarn" active>
-
-  ```bash
-  yarn upgrade nuxt
-  ```
-
-  </d-code-block>
-  <d-code-block label="NPM">
-
-  ```bash
-  npm update nuxt
-  ```
-
-  </d-code-block>
-</d-code-group>
-
 
 ## Installation
 
@@ -55,7 +32,7 @@ Please make sure to update your Nuxt version to be minimum [v2.15.3](https://git
 
     ```ts [nuxt.config.js]
     export default {
-      buildModules: ['@nuxtjs/tailwindcss']
+      modules: ['@nuxtjs/tailwindcss']
     }
     ```
 

docs/content/tailwind/1.config.md

@@ -17,13 +17,15 @@ category: Tailwind CSS
     `components/**/*.{vue,js}`,
     `layouts/**/*.vue`,
     `pages/**/*.vue`,
+    `composables/**/*.{js,ts}`,
     `plugins/**/*.{js,ts}`,
-    `nuxt.config.{js,ts}`
+    `App.{js,ts,vue}`,
+    `app.{js,ts,vue}`
   ]
 }
 ```
 
-> The file is [available on GitHub](https://github.com/nuxt-community/tailwindcss-module/blob/main/lib/files/tailwind.config.js)
+> The file is [available on GitHub](https://github.com/nuxt-community/tailwindcss-module/blob/main/src/tailwind.config.ts)
 
 You can learn more about the [Tailwind configuration](https://tailwindcss.com/docs/configuration) and the [content configuration](https://tailwindcss.com/docs/content-configuration) on Tailwind docs.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/tailwindcss",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "description": "TailwindCSS module for Nuxt",
   "repository": "nuxt-community/tailwindcss-module",
   "license": "MIT",

playground/nuxt.config.ts

@@ -1,5 +1,5 @@
 import { defineNuxtConfig } from 'nuxt3'
-import tailwindModule from '..'
+import tailwindModule from '../src/module'
 
 export default defineNuxtConfig({
   // vite: false,

src/module.ts

@@ -121,7 +121,10 @@ export default defineNuxtModule({
         _viewerDevMiddleware(req, res)
       }
       addServerMiddleware({ path, handler: viewerDevMiddleware })
-      nuxt.hook('listen', () => { logger.info(`Tailwind Viewer: ${chalk.underline.yellow(path)}`) })
+      nuxt.hook('listen', (_, listener) => {
+        const fullPath = `${withoutTrailingSlash(listener.url)}${path}`;
+        logger.info(`Tailwind Viewer: ${chalk.underline.yellow(fullPath)}`);
+      });
     }
   }
 })