fix(vite-plugin): consider content as object (#672)

* fix: typeof import default in dts

* chore: using nuxt convention for indexing type

* fix(vite-plugin): consider content as object

* chore: use pathe

package.json

@@ -36,7 +36,7 @@
     "destr": "^1.2.2",
     "h3": "^1.6.5",
     "iron-webcrypto": "^0.7.0",
-    "minimatch": "^9.0.0",
+    "micromatch": "^4.0.5",
     "pathe": "^1.1.0",
     "postcss": "^8.4.23",
     "postcss-custom-properties": "^13.1.5",
@@ -55,6 +55,7 @@
     "@nuxt/module-builder": "^0.3.1",
     "@nuxt/test-utils": "^3.4.3",
     "@tailwindcss/typography": "^0.5.9",
+    "@types/micromatch": "^4.0.2",
     "changelogen": "^0.5.3",
     "codecov": "latest",
     "eslint": "latest",

src/hmr.ts

@@ -1,18 +1,19 @@
-import { isAbsolute, resolve } from 'path'
-import { HmrContext, Plugin } from 'vite'
-import { minimatch } from 'minimatch'
+import { isAbsolute, resolve } from 'pathe'
+import type { Plugin as VitePlugin } from 'vite'
+import type { Config } from 'tailwindcss'
+import micromatch from 'micromatch'
 
-export default function (tailwindConfig: any = {}, rootDir: string, cssPath: string): Plugin {
-  const resolvedContent: string[] = (tailwindConfig.content || []).map(f => !isAbsolute(f) ? resolve(rootDir, f) : f)
+export default function (tailwindConfig: Partial<Config> = {}, rootDir: string, cssPath: string): VitePlugin {
+  const resolvedContent = ((Array.isArray(tailwindConfig.content) ? tailwindConfig.content : tailwindConfig.content?.files || []).filter(f => typeof f === 'string') as Array<string>).map(f => !isAbsolute(f) ? resolve(rootDir, f) : f)
 
   return {
     name: 'nuxt:tailwindcss',
-    handleHotUpdate (ctx: HmrContext): void {
-      if (resolvedContent.findIndex(c => minimatch(ctx.file, c)) === -1) {
+    handleHotUpdate (ctx): void {
+      if (resolvedContent.findIndex(c => micromatch.isMatch(ctx.file, c)) === -1) {
         return
       }
 
-      const extraModules = ctx.server.moduleGraph.getModulesByFile(cssPath)
+      const extraModules = ctx.server.moduleGraph.getModulesByFile(cssPath) || new Set()
       const timestamp = +Date.now()
 
       for (const mod of extraModules) {