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

import AppRouter from "./pages/AppRouter.js";
import store from "./pages/AppStore.js";
import App from "./pages/App.vue";
import cmmnPlugin from './common/commonPlugin.js';
import { quillEditor } from 'vue3-quill';
import filters from './common/filters.js';
import chartDataTransform from './component/chart/chartDataTransform.js';

// splitter component
import PrimeVue from 'primevue/config';
import Splitter from 'primevue/splitter';
import SplitterPanel from 'primevue/splitterpanel';
import "primevue/resources/themes/lara-light-green/theme.css";

const app = createApp(App);
app.config.globalProperties.$filters = filters
app.config.performance = process.env.NODE_ENV === 'development';
app.use(store);
app.use(cmmnPlugin);
app.use(PrimeVue);
app.use(quillEditor);
app.use(AppRouter);
app.config.globalProperties.$filters = filters
app.config.globalProperties.$chartDataTransform = chartDataTransform

app.component('Splitter', Splitter);
app.component('SplitterPanel', SplitterPanel);


app.mount("#root");