Vuetify

Refs

1. Vuetify

What is Vuetify ?

A material-design UI framework for UI.

Install

• For vue-cli created project, type vue add vuetify in project root folder.

Use vuetify icons offline

• Vuetify offline icons
• By default vuetify requires material icons and requesting the icon lib in China may be blocked.

yarn add @mdi/font -D

vuetify.js

// src/plugnis/vuetify.js
import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader
import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({
  icons: {
    iconfont: 'mdi', // default - only for display purposes
  }
})