import "jquery/src/jquery"
window.Popper = require("popper.js").default

import moment from "moment"
window.moment = moment

import css from "../css/app.css"
import "phoenix_html"

import Vue from "vue"
Vue.config.devtools = false
Vue.config.debug = false
Vue.config.silent = false

window.Vue = Vue

import socket from "./su_client_js/comms/socket"
window.socket = socket

import vue_longpress_directive from "./su_client_js/directives/vue_longpress"
Vue.directive("longpress", vue_longpress_directive)

import vue_gradientpress_directive from "./su_client_js/directives/vue_gradientpress"
Vue.directive("gradientpress", vue_gradientpress_directive)

import VueRouter from "vue-router"
Vue.use(VueRouter)
import router from "./router.js"

import store from "./su_score_clock_js/store/store.js"

if (!Array.prototype.last) {
  Array.prototype.last = function () {
    return this[this.length - 1]
  }
}

import datePicker from "vue-bootstrap-datetimepicker"
import "pc-bootstrap4-datetimepicker/build/css/bootstrap-datetimepicker.css"
Vue.use(datePicker)

import App from "./App.vue"

var _app_created_params = {
  applicationServerKey: "BM6ROpFQ4F4vKFcyFWmjlzGQwMx3iGR9sQUW2tcRexpDYUqjD4lssti4GW65ezMlGG91t_conZqjFG7i3E1vSWE"
}

const app = new Vue({
  router,
  store,
  render: (createEle) => createEle(App),
  created: function() {
    store.dispatch("vue_app_created", _app_created_params)
  },
}).$mount("#vue_app")