Vuetify-module: vuetify-theme-stylesheet deleted when head is updated

Created on 31 Jul 2019  路  6Comments  路  Source: nuxt-community/vuetify-module

Module version
nuxt: 2.8.1
@nuxtjs/vuetify: 1.0.2
node: 10.15

Describe the bug
The style sheet with the name "vuetify-theme-stylesheet" disappears when updating the head via the head function in the vue component. This means that color="primary" for example does not work anymore

To Reproduce
https://github.com/jessielaf/vuetify-nuxt-issue

Steps to reproduce the behavior:

  1. Clone repo
  2. yarn install
  3. yarn dev
  4. Go to localhost:3000
  5. Button is colored green
  6. Click on home
  7. Button has standard color

Expected behavior
All stylesheets remain intact and primary="color" works

Screenshots
Colors are not shown because stylesheet is deleted:
chrome_mEGr2FXV0g

bug

All 6 comments

AFAIK it's related to vue-meta, it's bugged with nuxt-i18n module that uses head too.
/cc @pimlie I may need your help if it's really a vue-meta bug

Also: https://github.com/nuxt/vue-meta/issues/372

So make sure you have installed VueMeta v2.0 manually as Nuxt is by default still at v1. You will receive a warning about that but you should be able to ignore that.

@jessielaf Nuxt 2.9 will be shipping Vue Meta v2.0 which should fix this issue.
Could you try nuxt-edge over nuxt and see if the issue still happens ?

@jessielaf My bad, after more investigation, change made through https://github.com/vuetifyjs/vuetify/pull/8079 has made this bug appear

Was this page helpful?
0 / 5 - 0 ratings

Related issues

1000snowy picture 1000snowy  路  3Comments

andrewspy picture andrewspy  路  5Comments

simonmaass picture simonmaass  路  4Comments

lobo-tuerto picture lobo-tuerto  路  7Comments

begueradj picture begueradj  路  3Comments