wikijs-fork/client/app.js

126 lines
3.4 KiB
JavaScript
Raw Normal View History

2017-02-09 01:52:37 +00:00
'use strict'
2017-05-21 03:21:16 +00:00
import Vue from 'vue'
2018-02-28 05:54:09 +00:00
import VueRouter from 'vue-router'
2017-05-22 17:32:52 +00:00
import VueClipboards from 'vue-clipboards'
import VueSimpleBreakpoints from 'vue-simple-breakpoints'
import VeeValidate from 'vee-validate'
2017-10-28 18:17:14 +00:00
import { ApolloClient } from 'apollo-client'
import { BatchHttpLink } from 'apollo-link-batch-http'
2017-10-28 18:17:14 +00:00
import { InMemoryCache } from 'apollo-cache-inmemory'
import VueApollo from 'vue-apollo'
2018-02-18 03:18:37 +00:00
import Vuetify from 'vuetify'
import Velocity from 'velocity-animate'
2018-02-03 21:48:25 +00:00
import Hammer from 'hammerjs'
2018-03-26 05:11:49 +00:00
import moment from 'moment'
import VueMoment from 'vue-moment'
import store from './store'
2017-12-24 05:34:47 +00:00
// ====================================
// Load Modules
// ====================================
2018-02-03 21:48:25 +00:00
import boot from './modules/boot'
import localization from './modules/localization'
// ====================================
// Load Helpers
// ====================================
import helpers from './helpers'
// ====================================
// Initialize Global Vars
// ====================================
window.WIKI = null
2018-02-03 21:48:25 +00:00
window.boot = boot
window.Hammer = Hammer
// ====================================
// Initialize Apollo Client (GraphQL)
// ====================================
const graphQLEndpoint = window.location.protocol + '//' + window.location.host + '/graphql'
window.graphQL = new ApolloClient({
link: new BatchHttpLink({
uri: graphQLEndpoint,
credentials: 'include'
}),
2017-10-28 18:17:14 +00:00
cache: new InMemoryCache(),
connectToDevTools: (process.env.node_env === 'development')
})
2017-05-21 03:21:16 +00:00
// ====================================
// Initialize Vue Modules
2017-05-21 03:21:16 +00:00
// ====================================
2018-03-17 02:51:56 +00:00
Vue.config.productionTip = false
2018-02-28 05:54:09 +00:00
Vue.use(VueRouter)
Vue.use(VueApollo)
2017-05-22 17:32:52 +00:00
Vue.use(VueClipboards)
Vue.use(VueSimpleBreakpoints)
Vue.use(localization.VueI18Next)
Vue.use(helpers)
Vue.use(VeeValidate, { events: '' })
2018-02-18 03:18:37 +00:00
Vue.use(Vuetify)
2018-03-26 05:11:49 +00:00
Vue.use(VueMoment, { moment })
2017-05-21 03:21:16 +00:00
Vue.prototype.Velocity = Velocity
2017-07-02 02:23:40 +00:00
// ====================================
// Register Vue Components
// ====================================
2018-02-28 05:54:09 +00:00
Vue.component('admin', () => import(/* webpackChunkName: "admin" */ './components/admin.vue'))
2018-02-11 05:20:17 +00:00
Vue.component('editor', () => import(/* webpackChunkName: "editor" */ './components/editor.vue'))
2018-02-03 21:48:25 +00:00
Vue.component('login', () => import(/* webpackMode: "eager" */ './components/login.vue'))
Vue.component('nav-header', () => import(/* webpackMode: "eager" */ './components/nav-header.vue'))
Vue.component('setup', () => import(/* webpackChunkName: "setup" */ './components/setup.vue'))
2017-07-02 02:23:40 +00:00
2018-02-03 21:48:25 +00:00
let bootstrap = () => {
// ====================================
// Notifications
// ====================================
2016-08-28 15:27:05 +00:00
2017-09-10 05:41:22 +00:00
window.addEventListener('beforeunload', () => {
store.dispatch('startLoading')
2017-02-09 01:52:37 +00:00
})
const apolloProvider = new VueApollo({
defaultClient: window.graphQL
})
2017-05-21 03:21:16 +00:00
// ====================================
// Bootstrap Vue
// ====================================
const i18n = localization.init()
window.WIKI = new Vue({
el: '#app',
2017-07-02 02:23:40 +00:00
components: {},
mixins: [helpers],
provide: apolloProvider.provide(),
2017-05-21 03:21:16 +00:00
store,
2018-02-03 21:48:25 +00:00
i18n
2017-05-21 03:21:16 +00:00
})
2018-02-03 21:48:25 +00:00
// ----------------------------------
// Dispatch boot ready
// ----------------------------------
window.boot.notify('vue')
// ====================================
// Load Icons
// ====================================
import(/* webpackChunkName: "icons" */ './svg/icons.svg').then(icons => {
2018-03-17 05:12:21 +00:00
document.body.insertAdjacentHTML('beforeend', icons.default)
2018-01-21 22:54:43 +00:00
})
2018-02-03 21:48:25 +00:00
}
window.boot.onDOMReady(bootstrap)