Skip to content

MIGRATION_GUIDE.md

Latest commit

 

History

History
49 lines (29 loc) · 1.99 KB

MIGRATION_GUIDE.md

File metadata and controls

49 lines (29 loc) · 1.99 KB

Migrate from 1.5.x to 2.x.x using Vuetify Module

Note that Vuetify 1.5.x is handled by @nuxtjs/vuetify@0.x.x
Meanwhile Vuetify 2.x.x is now handled by the last versions of the module : @nuxtjs/vuetify@1.x.x

I. Clean up dependencies

Using yarn remove (or npm uninstall), remove the following dependencies from your project :

@nuxtjs/vuetify
vuetify
vuetify-loader
node-sass
sass-loader

II. Installation

Install @nuxtjs/vuetify as devDependency :

yarn add --dev @nuxtjs/vuetify # npm install --save-dev @nuxtjs/vuetify

III. Migrating module options

  • materialIcons has been removed and default resources added by the module like icons & fonts are now handled by defaultAssets option.

  • css has been removed, it will includes full Vuetify css only in development mode when treeShake is falsy.

  • treeShake works the same, its default value is false in development (nuxt dev) and true in production (nuxt build & nuxt generate).

IV. Migrating font & icons

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 !