Vuetify-module: customProperties do not work in nuxtjs

Created on 6 Mar 2020  路  6Comments  路  Source: nuxt-community/vuetify-module

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.

Most helpful comment

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

All 6 comments

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

Correct usage

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

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

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



md5-e3de5de63b5690b1e9b4285ca3dcf28c



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

None of these make the css color variables available in nuxtjs

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

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

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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

simonmaass picture simonmaass  路  4Comments

filipwronski picture filipwronski  路  7Comments

Ghalnas picture Ghalnas  路  4Comments

jaimesemp picture jaimesemp  路  6Comments

jimb0dii picture jimb0dii  路  3Comments