customProperties do not work in nuxtjs

[Valar103769]

Module version 1.11.0

Describe the bug A clear and concise description of what the bug is.

To Reproduce

Steps to reproduce the behavior: // nuxt.config.js

  vuetify: {
    customVariables: ['~/assets/index.scss'],
    customProperties: true,
    theme: {
      themes: { light }
    }
  },

// xx.vue

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

Additional context Add any other context about the problem here.

[laurensV]

Same problem for me. Very useful feature that I would love to have with nuxt

[emilsgulbis]

Correct usage

vuetify: {
  customVariables: ['~/assets/index.scss'],
  theme: {
    options: {
      customProperties: true,
    },
    themes: { light }
  }
}

[laurensV]

@emilsgulbis Nope not working. I tried the following things:

vuetify: {
  theme: {
    customProperties: true,
  }
}

vuetify: {
  customProperties: true,
}

vuetify: {
  options: {
    customProperties: true,
  }
}

None of these make the css color variables available in nuxtjs

[emilsgulbis]

@laurensV sorry, check again. So vuetify.theme.options.customProperties

[laurensV]

@emilsgulbis Haha the only option I didn't try yet. It's working, perfect!

[stuft2]

Probably can close this issue but I'm glad I'm not the only one who ran into this confusion.

[MartinX3]

I can confirm the confusion and that it works now, thanks to this issue ticket.