wtf-vue

Vue library based on Vuetify on Echarts.

Project setup

Install Library

• Install Vuetify 2 (see documentation)
• Install wtf-vue:

npm install @julien76/wtf-vue

Use Plugin

• Use wtf-vue plugin after Vuetify
• Example of /src/main.js with Vuetify andwtf-vue plugins:

import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify'
import './plugins/wtf-vue'

Vue.config.productionTip = false

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

• Example of standard Vuetify plugin installation in plugins/vuetify.js:

Add the icons for WTF-vue

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

import { ICONS as WTF_ICONS } from '@julien76/wtf-vue/src/extra'

const ICONS = {
  ...WTF_ICONS,
  // Add custom icons here
}

Vue.use(Vuetify)

export default new Vuetify({
  icons: {
    iconfont: 'mdi',
    values: ICONS
  }
})

• Example wtf-vue plugin installation in plugins/wtf-vue.js:

import Vue from 'vue'
import WtfVue from '@julien76/wtf-vue'

Vue.use(WtfVue)

Project setup

See demo in action:

npm run serve

Compiles and minifies Library for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.