vuetify-nuxt-module icon indicating copy to clipboard operation
vuetify-nuxt-module copied to clipboard

Vuetify styles forcing stylesheets to not be inlined

Open Flamenate opened this issue 7 months ago • 2 comments

My config is as follows:

export default defineNuxtConfig({
    css: ['~/assets/styles/global.css'],
    features: {
        inlineStyles: true
    },
    vuetify: {
        moduleOptions: {
        styles: {
            configFile: 'assets/styles/settings.scss'
        }
      }
   }
})

The settings.scss file just disables utilities and sets the typography font to inherit. Since this module forces vuetify/styles into the css array, Nuxt generates an entry.css file because the module disables features.inlineStyles. Is there any way to workaround this? I'm also using Tailwind v4, if that's relevant. Let me know if I'm missing anything, thanks.

Flamenate avatar Jun 24 '25 12:06 Flamenate

Have you solved it yet?

515789588 avatar Jul 17 '25 08:07 515789588

Nope. I tried a lot of workarounds but nothing worked. I mitigated the issue a little bit by using @nuxtjs/critters.

Flamenate avatar Jul 18 '25 13:07 Flamenate