main.js

import Vue from 'vue'
import store from '@/vue/vue-store'
import LayoutController from 'Layout/LayoutController'
import MemberList from 'Component/MemberList'
import MemberCount from 'Component/MemberCount'
import Clock from 'Component/Clock'
import Modal from 'Component/Modal'

Vue.config.productionTip = false

function main() {
    new Vue({
        el: '.member-list.body',
        data: {
            privateState: {},
            sharedState: store.state,
        },
        store,
        render: function (h) {
            return h(MemberList);
        }
    })
    
    new Vue({
        el: '.member-list.number',
        store,
        render: function (h) {
            return h(MemberCount);
        }
    })
    
    new Vue({
        el: '.vue-clock',
        store,
        render: function (h) {
            return h(Clock);
        }
    })
    
    // 우측 게임 선택 영역
    new Vue({
        el: '.layout-controller',
        store,
        render: function (h) {
            return h(LayoutController);
        }
    })
    
    // 결과 모달
    new Vue({
        el: '.modal',
        store,
        render: function (h) {
            return h(Modal);
        }
    })
}

main();