Note that Vuetify 1.5.x is handled by @nuxtjs/[email protected]
Meanwhile Vuetify 2.x.x is now handled by the last versions of the module : @nuxtjs/[email protected]
Using yarn remove
(or npm uninstall
), remove the following dependencies from your project :
@nuxtjs/vuetify
vuetify
vuetify-loader
node-sass
sass-loader
Install @nuxtjs/vuetify
as devDependency :
yarn add --dev @nuxtjs/vuetify # npm install --save-dev @nuxtjs/vuetify
-
materialIcons
has been removed and default resources added by the module like icons & fonts are now handled bydefaultAssets
option. -
css
has been removed, it will includes full Vuetify css only in development mode whentreeShake
is falsy. -
treeShake
works the same, its default value isfalse
in development (nuxt dev
) andtrue
in production (nuxt build
&nuxt generate
).
By default, the Nuxt module doesn't load Material Icons anymore. It still load Roboto font but now use Material Design Icons (MDI).
Please see the defaultAssets
option if you need more freedom.
V. Follow official Vuetify 2 Upgrade Guide
You can now follow the official Vuetify guide, and directly begin at the Framework section, skipping the Boostrap section whichs is handled by the Nuxt module.
Note that Theme
and Icons
sections detailed in their guide will be options you'll pass to the Nuxt module. You can skip Styles
section as the Nuxt module already ships sass
.
Then it will be mostly upgrading your components to the new specifications.
Have fun using Vuetify 2 !