fix: considered content as function

[ineshbose]

#591

I'm not sure I had seen this implemented before, so I'm wondering how it was on the docs 😅

I've written tests for this, and updated the docs.

However, there would still be some work to do (looking at type definitions), so I'd like feedback and guidance!

PS. If I have your attention on this, could I please ask you to review #583 too? 😉

[nuxt-studio-dev]

✅ Deploy Preview for tailwindcss ready!

Name	Link
🔨 Latest commit	763a71e
😎 Deploy Preview	https://tailwindcss.nuxt.dev?preview=1b94109fafa30aa94ce78d766ba5b7eb

---

[Atinux]

Actually I think it comes from this line:

tailwindcss/src/module.ts

Line 133 in c32cadb

tailwindConfig = defu(_tailwindConfig || {}, tailwindConfig)

That does not leverage https://github.com/unjs/defu#array-function-merger 🤔

[ineshbose]

I missed the usage of defuArrayFn here:

tailwindcss/src/module.ts

Line 139 in c32cadb

tailwindConfig = defuArrayFn(tailwindConfig, moduleOptions.config)

Let me investigate with the written tests!

[ineshbose]

The issue also affects this too unfortunately:

tailwindcss/src/module.ts

Line 136 in c32cadb

tailwindConfig.content = [...(tailwindConfig.content || []), ...contentPaths]

because a function is not an iterable. In this case typeof tailwindConfig.content === 'function' may be necessary. All in all, these three lines are affected if I'm not wrong:

tailwindcss/src/module.ts

Lines 133 to 139 in c32cadb

	tailwindConfig = defu(_tailwindConfig || {}, tailwindConfig)
	}
	tailwindConfig.content = [...(tailwindConfig.content || []), ...contentPaths]
	// Merge with our default purgecss default
	tailwindConfig = defuArrayFn(tailwindConfig, moduleOptions.config)

[ineshbose]

I think that should help. Please let me know any feedback - I am still wondering about the config type definition.

Edit: ..or we can not deal with it (which I've gone for in the latest commit) 😉