vuetify-nuxt-module
vuetify-nuxt-module copied to clipboard
Vuetify styles forcing stylesheets to not be inlined
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.
Have you solved it yet?
Nope. I tried a lot of workarounds but nothing worked. I mitigated the issue a little bit by using @nuxtjs/critters.