enti Comments - Answer Overflow

enti

•Created by enti on 4/28/2025 in #❓・help

Turning off dark mode in Nuxt 3.16 with Nuxt 4 compatibility mode + Nuxt ui 3

Nope, this is the one working :

export default defineNuxtConfig({
  modules: ['@nuxt/ui'],
  colorMode: {
    preference: 'light',
    fallback: 'light',
    forced: 'light',
  },
})

export default defineNuxtConfig({
  modules: ['@nuxt/ui'],
  colorMode: {
    preference: 'light',
    fallback: 'light',
    forced: 'light',
  },
})

13 replies

NNuxt

•Created by enti on 4/28/2025 in #❓・help

Turning off dark mode in Nuxt 3.16 with Nuxt 4 compatibility mode + Nuxt ui 3

@kapa.ai Just so you know, you DON'T put these colorMode configurations in ui, but directly at the root of defineNuxtConfig. You were wrong all along

13 replies

NNuxt

•Created by enti on 4/28/2025 in #❓・help

Turning off dark mode in Nuxt 3.16 with Nuxt 4 compatibility mode + Nuxt ui 3

@kapa.ai This solution doesn't work either. My Nuxt ui elements stay in dark mode. I don't have any localstorage saved info. This is my nuxt.config.ts :

ui: {
  colorMode: {
    preference: 'light',
    fallback: 'light',
    forced: 'light',
  },
},

ui: {
  colorMode: {
    preference: 'light',
    fallback: 'light',
    forced: 'light',
  },
},

13 replies

NNuxt

•Created by enti on 4/23/2025 in #❓・help

Installing tailwindcss on Nuxt4

mmm ou pas... je n'ai plus le problème. Merci !

31 replies

NNuxt

•Created by enti on 4/23/2025 in #❓・help

Installing tailwindcss on Nuxt4

I get tailwindcss is not defined using that page you linked

31 replies

NNuxt

•Created by enti on 4/23/2025 in #❓・help

Installing tailwindcss on Nuxt4

tailwindcss() doesn't work with Nuxt4 compatibility. For now I used this version : https://discordapp.com/channels/473401852243869706/1364538503693598771/1364542406015586348

31 replies

NNuxt

•Created by enti on 4/23/2025 in #❓・help

Installing tailwindcss on Nuxt4

the error is :

ERROR  Cannot start nuxt:  It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration

(error happening with any postcss install scenario)

31 replies

NNuxt

•Created by enti on 4/23/2025 in #❓・help

Installing tailwindcss on Nuxt4

for now I had to remove @nuxtjs/tailwindcss entirely (dunno the consequences)

31 replies

NNuxt

•Created by enti on 4/23/2025 in #❓・help

Installing tailwindcss on Nuxt4

@HugoRCD using '@nuxtjs/tailwindcss' ends up with a postcss error, either using postcss with or without @tailwindcss/postcss

31 replies

NNuxt

•Created by enti on 4/23/2025 in #❓・help

Installing tailwindcss on Nuxt4

@HugoRCD completely lost here, I keep looping

31 replies

NNuxt

•Created by enti on 4/23/2025 in #❓・help

Installing tailwindcss on Nuxt4

@kapa.ai I updated nuxt.config.js accordingly. Have fun:

pnpm add -D @tailwindcss/postcss

devDependencies: + @tailwindcss/postcss 4.1.4 Done in 2.7s using pnpm v10.8.1

pnpm run dev

[nuxi 12:02:32] ERROR Cannot start nuxt: It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.

31 replies

NNuxt

•Created by enti on 4/23/2025 in #❓・help

Installing tailwindcss on Nuxt4

[nuxi 11:58:43] ERROR Cannot start nuxt: It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.

31 replies

NNuxt

•Created by enti on 4/23/2025 in #❓・help

Installing tailwindcss on Nuxt4

@kapa.ai still the same error after everything you said here:

31 replies

NNuxt

•Created by enti on 4/23/2025 in #❓・help

Installing tailwindcss on Nuxt4

@kapa.ai just did what you asked here, but Nuxt in Nuxt4 compatibility mode still requests postcss when running: [nuxi 11:54:39] ERROR Cannot start nuxt: It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.

31 replies

NNuxt

•Created by enti on 4/22/2025 in #❓・help

Nuxt4 and global css import

@kapa.ai using ./assets/css/main.css doesn't work either: Pre-transform error: Failed to resolve import "./assets/css/main.css" I tried your alternative solution, still doesn't work as well tl/dr: none of your solutions are working

15 replies

NNuxt

•Created by enti on 4/22/2025 in #❓・help

Nuxt4 and global css import

@kapa.ai even relative path doesn't work: Pre-transform error: Failed to resolve import "./app/assets/css/main.css" (and yes, that file exists in the right directory structure)

15 replies

Gaming

Programming