/**
 * @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 '@vuepic/vue-datepicker/dist/main.css'
import '../resources/scss/main.scss';

async function initVueApp() {
  const savedLoginMode = localStorage.getItem("loginMode");
  if (savedLoginMode) {
    store.commit("setLoginMode", savedLoginMode);
  }

  const router = await createAppRouter()
  const vue = createApp(App)
    .use(router)
    .use(Store)
    .use(VueDaumPostcode)
    .use(COMMON_UTIL)
    .use(cmmnPlugin)
    .component("svg-icon", SvgIcon)
    .component('VueDatePicker', VueDatePicker);
  vue.config.globalProperties.$filters = filters;
  vue.config.devtools = true;

  // 쿠키 설정
  vue.use(VueCookies);
  vue.$cookies.config("1d"); // 쿠키 만료일 (글로벌 세팅)

  vue.mount("#root");
}
initVueApp();