/**
 * @author : 최정우
 * @since : 2022.10.19
 * @dscription : Vue를 활용한 Client단 구현의 시작점(Index) Component 입니다.
 */
import { createApp } from "vue";

// import AppRouter from "./pages/AppRouter.js";
import createAppRouter from "./pages/AppRouter.js";
import App from "./pages/App.vue";
import Store from "./pages/AppStore.js";
import COMMON_UTIL from "./../resources/js/common.js";
import filters from './common/filters.js';
import cmmnPlugin from './common/commonPlugin.js';
import VueCookies from "vue-cookies";
import SvgIcon from "@jamescoyle/vue-icon";
import VueDaumPostcode from "vue-daum-postcode";
import VueDatePicker from '@vuepic/vue-datepicker';
import clickOutside from "../resources/js/directives.js";

import '@vuepic/vue-datepicker/dist/main.css'


async function initVueApp() {
  const router = await createAppRouter()
  const vue = createApp(App)
    .use(router)
    .use(Store)
    .use(VueDaumPostcode)
    .use(COMMON_UTIL)
    .use(VueCookies)
    .use(cmmnPlugin)
    .component("svg-icon", SvgIcon)
    .component('VueDatePicker', VueDatePicker);
    vue.directive("click-outside", clickOutside);
    vue.config.globalProperties.$filters = filters; 
    vue.config.devtools = true;

 
    vue.mount("#root");
    
}

initVueApp();