import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import VueLazyload from "vue-lazyload";
import * as filters from "./utils/filters";
import MetaInfo from "vue-meta-info";
import scroll from "vue-seamless-scroll";
import VueClipboard from "vue-clipboard2";
import "@assets/scss/common.scss"; /*引入公共样式*/

Vue.use(VueLazyload, {
    preLoad: 1.3,
    attempt: 1,
});

Vue.use(scroll);

Vue.use(MetaInfo);
Vue.use(VueClipboard);

Object.keys(filters).forEach(key => {
    Vue.filter(key, filters[key]);
});

Vue.config.productionTip = false;
Vue.use(ElementUI);

// 克隆对象 方便克隆以及调试
Vue.prototype.$cloneDeep = data => JSON.parse(JSON.stringify(data));

new Vue({
    router,
    store,
    render: h => h(App),
    mounted() {
        document.dispatchEvent(new Event("render-event"));
    },
}).$mount("#app");