Skip to content

Is Vuetify v4 supported ? #352

@EDM115

Description

@EDM115
  • The compatibility matrix doesn't list Vuetify 4
  • The module indeed allows v4 to be installed :
    $ pnpm why vuetify
    vuetify@4.0.0
    ├─┬ @vuetify/loader-shared@2.1.2
    │ └─┬ vite-plugin-vuetify@2.1.3
    │   ├── vuetify@4.0.0 [circular]
    │   └─┬ vuetify-nuxt-module@0.19.5
    │     └── spendly@1.3.4 (dependencies)
    ├── vite-plugin-vuetify@2.1.3 [deduped]
    └── vuetify-nuxt-module@0.19.5 [deduped]
    
    Found 1 version of vuetify
    (to avoid issues, I added a while back this to my pnpm-workspace.yaml : publicHoistPattern: ['*vuetify*'])
  • Despite that, it still logs using v3 : [http://localhost:8888/_nuxt/@id/virtual:nuxt:D%3A%2FEDM115%2FDocuments%2FProjects%2Fspendly%2F.nuxt%2Fvuetify-nuxt-plugin.client.mjs] Vuetify 3 initialized
  • After applying the breaking changes recommendations, the app is now... unstyled ? Here's an example :
    Before :
    homepage-before
    login-before
    After :
    homepage-after
    login-after
  • Overall, I notice all colors (primary, secondary, ...) attributes to be gone, as well as rounding, padding, ...
  • I do also see the same error as Upgrading to Nuxt v4.3.1 leads to Vuetify styles 404 #346

which is why I ask : is Vuetify 4 officially supported ? or not

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