Skip to content

Vuetify styles forcing stylesheets to not be inlined #322

@Flamenate

Description

@Flamenate

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions