vuetify 2.0.0-alpha.12

v2.0.0-alpha.12

on Node.js NPM

🚧 DISCLAIMER 🚧

⚠️ DO NOT USE IN PRODUCTION ⚠️

This is specifically for developers who want to play with the absolute latest and greatest that is coming up in the framework. With the exception of critical bugs, all issues pertaining to the alpha will be closed without question.

📖 Docs Changes

• Use SASS
• replace node-sass with sass
• transpile Sass
• replace mentions of node-sass with sass
• replace Stylus customization guide with Sass one

🔧 Bug Fixes

• ssr: apply theme with vue-meta when available (#6878) (02e4e90)
• v-ripple: check for existance of _ripple (fb79ea8)
• VCard: avoid being rendered on a different layer (926ab0d)
• VListGroup: change lifecycle hook for init (8fe4f6f)
• VTimePicker: don't allow 0 hour/minute when it's not allowed (c49ff47)
• babel-transform-sass-paths (#6876) (68c28b7)

✏️ Chore

• framework: remove deprecated stylus (#6879) (7d615eb)
• chore: remove .styl files from .eslintignore and sideEffects
• chore(kitchen): remove stylus and stylus-loader

🌀 Code Refactoring

• use a single theme mixin (#6889) (04c4adc)
• convert all remaining styles to Sass

🚀 Features

• theme: add reactivity (#6882) (7261bdc)
• VList: add right padding for shaped list-items (26a47a2)
• VSwitch: update to md2 (#6851) (72b5895)
• VTimePicker: update to md2 (#6869) (da54462)

⚠️ BREAKING CHANGES

• framework: no more Stylus
• framework: no availability to transform stylus
• requires dart-sass or an unreleased version of libsass
• build: remove all stylus processing (loaders)
• build(framework): use sass everywhere instead of node-sass
• refactor(VSlider): change variables type

Upgrading VUE CLI 3

yarn add sass fibers -D
// OR
npm install sass fibers --dev

Then update your vue.config.js file and plugins/vuetify.js file

// vue.config.js
module.exports = {
  devServer: {
    disableHostCheck: true
  },
  css: {
    loaderOptions: {
      sass: {
        implementation: require('sass'),
        fiber: require('fibers')
      }
    }
  }
}

// plugins/vuetify.js
import Vuetify from 'vuetify'
...
import 'vuetify/src/styles/main.sass'