/*global Vue*/

/* weex initialized here, please do not move this line */
// const router = require('./router');
// const App = require('@/App.vue');
// /* eslint-disable no-new */
// new Vue(Vue.util.extend({el: '#root', router}, App));
// router.push('/');

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
// import Vue from 'vue'

import Vuex from 'vuex'
Vue.use(Vuex)

import App from '@/App'
import router from './router'
import socketio from 'socket.io-client'
import VueSocketIo from 'vue-socket.io'
var SocketInstance = socketio('https://alopuserver.com')
Vue.use(VueSocketIo, SocketInstance)


import VueResource from 'vue-resource'
Vue.use(VueResource)

import UUID from 'vue-uuid'
Vue.use(UUID)
// Vue.use(VueSocketIo, 'http://alopuserver.dev')
Vue.config.productionTip = false
import storeOpts from '@/store'
// localStorage.removeItem('vuex')
const store = new Vuex.Store(storeOpts)
/* eslint-disable no-new */
//import all icons if you don't care about bundle size
import 'vue-awesome/icons'
/* Register component with one of 2 methods */
import Icon from 'vue-awesome/components/Icon'
Vue.component('icon', Icon)

// vue-select for selection inputs
import vSelect from 'vue-select'
Vue.component('v-select', vSelect)

import VueImgInputer from 'vue-img-inputer'
Vue.component('VueImgInputer', VueImgInputer)

import editor from 'vue2-medium-editor'
Vue.component('medium-editor', editor)

import thing from '@/components/thing'
Vue.component('thing', thing)

import alopu from '@/components/alopu'
Vue.component('alopu', alopu)

import object from '@/components/object'
Vue.component('object', object)

import array from '@/components/array'
Vue.component('array', array)

import value from '@/components/value'
Vue.component('value', value)

import property from '@/components/property'
Vue.component('property', property)

window.mapboxgl = require('mapbox-gl')

import VueMapbox from 'mapbox-gl-vue'
Vue.component('mapbox', VueMapbox)
// js
// window.mapboxgl = require('mapbox-gl')
var L = require('@/js/leaflet.js')

// css
// require('@/styles/css/medium-editor.min.css')
// require('@/styles/css/leaflet.css')
// event hub
const eventHub = new Vue()
const jsmart = require('circular-json')
Vue.mixin({
    data: function() {
        return {
            eventHub: eventHub,
            jsmart: jsmart
        }
    }
})

window.alopu = new Vue({
    el: '#root',
    store,
    router,
    template: '<App/>',
    components: { App }
})