fix(tailwindcss): Tailwindcss HMR support for content files (#2315)

nuxt · Sep 18, 2023 · 6eeb719 · 6eeb719
1 parent cae34d7
commit 6eeb719
Show file tree

Hide file tree

Showing 5 changed files with 816 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -74,6 +74,7 @@
     "@nuxt/test-utils": "3.7.3",
     "@nuxthq/studio": "^0.14.1",
     "@nuxtjs/eslint-config-typescript": "latest",
+    "@nuxtjs/tailwindcss": "^6.8.0",
     "@types/ws": "^8.5.5",
     "c8": "^8.0.1",
     "csvtojson": "^2.0.10",

diff --git a/playground/basic/content/0.index.md b/playground/basic/content/0.index.md
@@ -2,9 +2,13 @@
 title: Index
 ---
 
+
 # 🎨 Playground
 
 - [Playground](/playground)
 - [Query Builder](/query-playground)
 - [Custom 404 page](/404)
-- [Not Found Content](/not-found-content)
+- [Not Found Content](/not-found-content)
+
+
+In order to test [Tailwind CSS]{.text-orange-500}, uncomment `@nuxtjs/tailwindcss` in `nuxt.config.ts`.
diff --git a/playground/basic/nuxt.config.ts b/playground/basic/nuxt.config.ts
@@ -1,4 +1,5 @@
 import { resolve } from 'pathe'
+import contentModule from '../../src/module'
 
 export default defineNuxtConfig({
   extends: ['../shared'],
@@ -18,5 +19,10 @@ export default defineNuxtConfig({
   },
   typescript: {
     includeWorkspace: true
-  }
+  },
+  modules: [
+    // @ts-ignore
+    contentModule
+    // '@nuxtjs/tailwindcss'
+  ]
 })