import Vue from 'vue'
import App from './App.vue'
import router from './router';

// 引入Element
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';

// 创建一个简单的全局store
import store from './store';
import vuex from 'vuex';
import Cookies from 'js-cookie'
import resolveImg ,{ resolveAvator } from '@/filters/resolveImg';
import VueLazyload from 'vue-lazyload'
import VueContextMenu from '@xunlei/vue-context-menu'
import LazyImg from '@/components/img-lazy';

// 加载其他css
import "@/../public/static/css/element_chanage.css"
import "@/../public/static/css/iconfont.css"
import "@/../public/static/css/iconfont2.css"
import "@/../public/static/css/iconfont3.css"
import "@/../public/static/css/main.css"

// 引入lazyload
// import 'babel-polyfill'
import axios, { fetchApi } from './utils/request';
// import notify
import notify from '@/components/notification/index'

Vue.use(ElementUI);
Vue.use(VueLazyload);
Vue.use(vuex);
Vue.prototype.$cookie = Cookies;
Vue.component('ImgLazy', LazyImg);

// todo DEPRECATED
Vue.prototype.$axios = axios;
// todo DEPRECATED
Vue.prototype.$fetch = axios;
Vue.prototype.$fetchApi = fetchApi;
Vue.filter('resolveImg', resolveImg);
Vue.filter('resolveAvator', resolveAvator);

// 事件总线
Vue.prototype.$bus = new Vue();
//弹窗 api
Vue.prototype.$notify = notify;
//右键菜单
Vue.use(VueContextMenu)
Vue.config.productionTip = false

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