# Nuxtjs に iview 4.0 入れた動かしてみた

import Vue from "vue";
import iview from "view-design";

// import style
import "view-design/dist/styles/iview.css";

Vue.use(iview);

plugins: [
      {src: '~plugins/iview'}
  ],

<template>
  <div>
    <h1>iView4 粋だね</h1>
    <Slider v-model="value" range />
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: [20, 50]
    };
  }
};
</script>

// e.g.
import { findComponentDownload } from "view-design/src/utils/assist";

import { on, off } from "view-design/src/utils/dom";

import Vue from "vue";
import VueRouter from "vue-router";
import App from "components/app.vue";
import Routers from "./router.js";
import ViewUI from "view-design";
import "view-design/dist/styles/iview.css";

Vue.use(VueRouter);
Vue.use(ViewUI);

// The routing configuration
const RouterConfig = {
  routes: Routers,
};
const router = new VueRouter(RouterConfig);

new Vue({
  el: "#app",
  router: router,
  render: (h) => h(App),
});

import { Button, Table } from "view-design";
Vue.component("Button", Button);
Vue.component("Table", Table);