Using NPM:
npm install --save vue-vi-ui
Or the CDN:
<script src="https://unpkg.com/vue-vi-ui/dist/vi-ui.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-vi-ui/dist/vi-ui.min.css">
import 'vue-vi-ui/dist/vi-ui.min.css';
import Vue from 'vue';
import ViUi from 'vue-vi-ui';
Vue.use(ViUi);
export default {
name: 'app',
}
Vi-Ui is made to use the fonts Montserrat e Source Sans Pro:
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500|Source+Sans+Pro:400,400i,700,700i" rel="stylesheet">
or use the css import (slower):
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500|Source+Sans+Pro:400,400i,700,700i');
Apply the class ViComponent
to the body for global or where you want to use the Vi-Ui.
You can use the viui-vscode extension to get some snippets and autocomplete when developing something with Vi-Ui.
See our issues page.