Comments (11)
@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'
]
from vuetify-module.
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
}
from vuetify-module.
@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.
from vuetify-module.
@csheppard Looks like a Vuetify issue, is it still reproducible with our last beta version of the module ?
from vuetify-module.
Good catch @ricardogobbosouza , this is needed cause of some serialization of Nuxt configuration options I guess ?
from vuetify-module.
@kevinmarrec yes, because of the serialization
from vuetify-module.
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.
from vuetify-module.
@kevinmarrec can closed?
from vuetify-module.
@kevinmarrec maybe we should reopen this with this option you mentioned above 🤔
from vuetify-module.
@ricardogobbosouza I would say new issue tagged as feature request
from vuetify-module.
@ricardogobbosouza Created #77
from vuetify-module.
Related Issues (20)
- Object literal may only specify known properties, and 'vuetify' does not exist in type 'NuxtConfig'. HOT 2
- How can I use nuxt vuetify-module in specific layout and its pages?
- null model for v-tabs-items causes different output in SSR and client
- [BUG] Long load time in Chrome, hang in Firefox due to long icon loading HOT 8
- [BUG] The contents of v-card children are duplicated when an anchor tag is added HOT 3
- Installing problem on cpanel/nodevenv
- v-virtual-scroll component is missing HOT 1
- How to locally install material icons?
- Vue 2.7 compatibility HOT 3
- nuxt-bridge not being rendered on server side
- Cannot read properties of undefined (reading 'resolveAlias') with Nuxt3 HOT 2
- A v-form nested inside another v-form is a production silent bomb.
- Vuetify 3 release HOT 7
- vuetify not initialized HOT 1
- nuxtjs/vuetify (1.12.3) - Not working due to sass loader issue HOT 1
- Breadcrumbs component: clicking on the breadcrumb causes the site to rerender
- Module cases "JavaScript heap out of memory"
- Syntactically wrong css generation due to very old sass version
- Nuxt 3 Support HOT 8
- Need way to move vuetify-theme-stylesheet from top of head section to any position
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vuetify-module.