How to install vuetify 2.0 beta to the new vue cli project?

by

Don’t include .styl files, it’s deprecated basically.
Remove node-sass and install sass 

$ npm uninstall node-sass
$ npm i -D sass

And modify your plugins/vuetify.js file

import Vue from 'vue'
import Vuetify from 'vuetify'


Vue.use(Vuetify)
export default new Vuetify({ theme: { ... } })

And main.js 

new Vue({
  ...
  vuetify, // we add vuetify here
  render: (h) => h(App),
}).$mount('#app')

Note theme options changed in v2, dark theme can now be customized, e.g. 

theme: {
  dark: true,
  themes: {
    light: {
      primary: '#42a5f5',
      //...
    },
    dark: {
      primary: '#2196F3.
    },
  },
},
options: {
  customProperties: true,
},
icons: {
  iconfont: 'md', // default is 'mdi'
}

More in docs, and new style docs with regards to sass.

More Related Contents:

  1. vuetify icon not showing
  2. Vue Router return 404 when revisit to the url
  3. How to import and use image in a Vue single file component?
  4. How to implement debounce in Vue2?
  5. How to pass a value from Vue data to href?
  6. Vuex – Do not mutate vuex store state outside mutation handlers
  7. Axios can’t set data
  8. Using Environment Variables with Vue.js
  9. How to format Vuetify data table date column?
  10. Vue: shared data between different pages
  11. Which command do I use to generate the build of a Vue app?
  12. VueJS access child component’s data from parent
  13. vue-router — Uncaught (in promise) Error: Redirected from “/login” to “/” via a navigation guard
  14. Nuxt.js vuex store not persisted
  15. Vuex Action vs Mutations
  16. Vue – how to pass down slots inside wrapper component?
  17. How to have list + details pages based on API fetched content
  18. Delete a Vue child component
  19. Vue: wait to render until all components are mounted
  20. Is it possible to emit from mounted in Vuejs?
  21. Passing event and argument to v-on in Vue.js
  22. How to setup SASS/SCSS/sass-loader in Nuxt
  23. Vue 3 Vite – dynamic image src
  24. Vue 3: Is getCurrentInstance() deprecated?
  25. How to make dynamic routes on the vue router?
  26. Refused to apply style from ” because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled
  27. How can I share data between non parent-child components in Vue
  28. Pass an object as param to router.push ([email protected])
  29. How to use microfrontends with Vue/Nuxt?
  30. Vuex – Computed property “name” was assigned to but it has no setter

Leave a Comment