app/utils is missing from generated content array in Nuxt 4 setup

[BayBreezy]

Environment

• Operating System: Darwin
• Node Version: v20.18.1
• Nuxt Version: 3.15.4
• CLI Version: 3.21.1
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: compatibilityDate, devtools, future, experimental, $production, modules, tailwindcss, colorMode, imports, app
• Runtime Modules: @nuxtjs/[email protected], @nuxtjs/[email protected], @vueuse/[email protected], @nuxt/[email protected], @nuxt/[email protected], @pinia/[email protected]
• Build Modules: -

Reproduction

No response

Describe the bug

After setting future: { compatibilityVersion: 4 } in the nuxt.config file, and then run npm run dev, the generated config file inside .nuxt/tailwind/postcss.mjs is missing the path for app/utils/**/*.{js,ts,mjs}

It only has utils/**/*.{js,ts,mjs}

After setting app/utils/**/*.{js,ts,mjs} in the tailwind.config the styles from the utils folder started showing again.

/**@type {import('tailwindcss').Config} */
module.exports = {
  content: ["./app/**/*.{js,jsx,ts,tsx,vue}"]
}

Additional context

No response

Logs

[ineshbose]

Hm... it should be there as part of nuxt.options.imports

https://github.com/nuxt-modules/tailwindcss/blob/main/src/internal-context/load.ts#L70

[BayBreezy]

It should be. It's the first time that I am seeing this behaviour and I have use it with several Nuxt 4 apps. This is what I see in the generated file

// generated by the @nuxtjs/tailwindcss <https://github.com/nuxt-modules/tailwindcss> module at 2/11/2025, 5:34:55 AM
import configMerger from "@nuxtjs/tailwindcss/merger";

import cfg2 from "./../../tailwind.config.js";
const config = [
{"content":{"files":["/PATH_TO_APP/app/components/**/*.{vue,js,jsx,mjs,ts,tsx}","/PATH_TO_APP/app/components/global/**/*.{vue,js,jsx,mjs,ts,tsx}","/PATH_TO_APP/app/components/**/*.{vue,js,jsx,mjs,ts,tsx}","/PATH_TO_APP/app/layouts/**/*.{vue,js,jsx,mjs,ts,tsx}","/PATH_TO_APP/app/pages/**/*.{vue,js,jsx,mjs,ts,tsx}","/PATH_TO_APP/app/plugins/**/*.{js,ts,mjs}","/PATH_TO_APP/composables/**/*.{js,ts,mjs}","/PATH_TO_APP/utils/**/*.{js,ts,mjs}","/PATH_TO_APP/app/{A,a}pp.{vue,js,jsx,mjs,ts,tsx}","/PATH_TO_APP/app/{E,e}rror.{vue,js,jsx,mjs,ts,tsx}","/PATH_TO_APP/app/app.config.{js,ts,mjs}"]}},
{},
cfg2
].reduce((acc, curr) => configMerger(acc, curr), {});

const resolvedConfig = config;

export default resolvedConfig;

This one right here: "/PATH_TO_APP/utils/**/*.{js,ts,mjs}" should be saying "/PATH_TO_APP/app/utils/**/*.{js,ts,mjs}"

[BayBreezy]

Based on the line of code you linked, I am assuming Nuxt is not generating the paths propely?

But I am able to auto import stuff from the utils folder.. i don't know what's going on

[ineshbose]

Sorry, I see that composables is not pointing to app/ either.. I see based on next line:

https://github.com/nuxt-modules/tailwindcss/blob/main/src/internal-context/load.ts#L71

there may have been a conflict. Will fix this in next patch 🙏

[BayBreezy]

Sounds good. TY