Skip to content

v2.0.0-alpha.12

Pre-release
Pre-release
Compare
Choose a tag to compare

🚧 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

⚠️ 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'