import Vue from 'vue'
import App from './App'
import store from './store' // store
import plugins from './plugins' // plugins
import './permission' // permission
import $mSettingConfig from '@/api/setting.config';
// 全局组件
import oaLoading from '@/components/oa-loading/oa-loading.vue';
import oaLoadMore from '@/components/oa-load-more/oa-load-more.vue';
import oaLoadImage from '@/components/oa-image/oa-image.vue';
import cmdNavBar from "@/components/cmd-nav-bar/cmd-nav-bar.vue"

// import $Modal from '@/plugins/modal';
// import $Tab from '@/plugins/tab';

Vue.use(plugins)

Vue.config.productionTip = false
Vue.prototype.$store = store
Vue.prototype.$mSettingConfig = $mSettingConfig;
// Vue.prototype.$Modal = $Modal;
// Vue.prototype.$Tab = $Tab;

App.mpType = 'app'

Vue.mixin({
	computed: {
		themeColor: {
			get () {
				return store.getters.themeColor;
			},
			set (val) {
				store.state.themeColor = val;
			}
		}
	}
});

Vue.component('oa-loading', oaLoading);
Vue.component('oa-load-more', oaLoadMore);
Vue.component('oa-image', oaLoadImage);
Vue.component('cmd-nav-bar', cmdNavBar);

const app = new Vue({
  ...App
})

app.$mount()