Vuetify-module: v1.0.0-beta.0 theme options themeCache & minifyTheme do not work

[csheppard]

Repo: https://github.com/csheppard/nuxt-vuetify-2/tree/vuetify-module

Specifying themeCache results in a server error:

options.themeCache.get is not a function

minifyTheme also does not seem to work, the generated theme CSS still has whitespace.

[kevinmarrec]

@csheppard Looks like a Vuetify issue, is it still reproducible with our last beta version of the module ?

[ricardogobbosouza]

@csheppard you need to use a plugin for this

// plugins/vuetify-theme-cache.js
import LRU from 'lru-cache'

const themeCache = new LRU({
  max: 10,
  maxAge: 1000 * 60 * 60 // 1 hour
})

export default (ctx) => {
  ctx.app.vuetify.framework.theme.options.themeCache = themeCache
}

// nuxt.config.js
modules: [
  '@nuxtjs/vuetify'
],

plugins: [
  '~/plugins/vuetify-theme-cache.js'
]

[kevinmarrec]

Good catch @ricardogobbosouza , this is needed cause of some serialization of Nuxt configuration options I guess ?

[ricardogobbosouza]

@kevinmarrec yes, because of the serialization

[kevinmarrec]

@csheppard

With next module release version (1.0.0) you'll be able to use @ricardogobbosouza snippet and replace ctx.app.vuetify.framework by ctx.$vuetify as shorten path.

export default (ctx) => {
  ctx.$vuetify.theme.options.themeCache = themeCache
}

[csheppard]

Great work, the plugin method is definitely needed as I had to stop using this module and go manual again as editing nuxt.config.js (adding icons/colour edits) requires full rebuild everytime.

[ricardogobbosouza]

@kevinmarrec can closed?

[kevinmarrec]

@csheppard Indeed it needs full rebuild when updating module options, we may implement a feature like providing a path (string) to the Vuetify options so it registers & watch it like a plugin to prevent these full rebuilds.

[ricardogobbosouza]

@kevinmarrec maybe we should reopen this with this option you mentioned above :thinking:

[kevinmarrec]

@ricardogobbosouza I would say new issue tagged as feature request

[kevinmarrec]

@ricardogobbosouza Created https://github.com/nuxt-community/vuetify-module/issues/77