mirror of https://github.com/requarks/wiki
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
3.9 KiB
138 lines
3.9 KiB
'use strict'
|
|
|
|
/* global siteConfig */
|
|
|
|
import CONSTANTS from './constants'
|
|
|
|
import Vue from 'vue'
|
|
import VueRouter from 'vue-router'
|
|
import VueClipboards from 'vue-clipboards'
|
|
import VueSimpleBreakpoints from 'vue-simple-breakpoints'
|
|
import VeeValidate from 'vee-validate'
|
|
import { ApolloClient } from 'apollo-client'
|
|
import { BatchHttpLink } from 'apollo-link-batch-http'
|
|
import { InMemoryCache } from 'apollo-cache-inmemory'
|
|
import VueApollo from 'vue-apollo'
|
|
import Vuetify from 'vuetify'
|
|
import Velocity from 'velocity-animate'
|
|
import Hammer from 'hammerjs'
|
|
import store from './store'
|
|
|
|
// ====================================
|
|
// Load Modules
|
|
// ====================================
|
|
|
|
import boot from './modules/boot'
|
|
import localization from './modules/localization'
|
|
|
|
// ====================================
|
|
// Load Helpers
|
|
// ====================================
|
|
|
|
import helpers from './helpers'
|
|
|
|
// ====================================
|
|
// Initialize Global Vars
|
|
// ====================================
|
|
|
|
window.WIKI = null
|
|
window.boot = boot
|
|
window.CONSTANTS = CONSTANTS
|
|
window.Hammer = Hammer
|
|
|
|
// ====================================
|
|
// Initialize Apollo Client (GraphQL)
|
|
// ====================================
|
|
|
|
const graphQLEndpoint = window.location.protocol + '//' + window.location.host + siteConfig.path + 'graphql'
|
|
|
|
window.graphQL = new ApolloClient({
|
|
link: new BatchHttpLink({
|
|
uri: graphQLEndpoint,
|
|
credentials: 'include'
|
|
}),
|
|
cache: new InMemoryCache(),
|
|
connectToDevTools: (process.env.node_env === 'development')
|
|
})
|
|
|
|
// ====================================
|
|
// Initialize Vue Modules
|
|
// ====================================
|
|
|
|
Vue.use(VueRouter)
|
|
Vue.use(VueApollo)
|
|
Vue.use(VueClipboards)
|
|
Vue.use(VueSimpleBreakpoints)
|
|
Vue.use(localization.VueI18Next)
|
|
Vue.use(helpers)
|
|
Vue.use(VeeValidate, {
|
|
enableAutoClasses: true,
|
|
classNames: {
|
|
touched: 'is-touched', // the control has been blurred
|
|
untouched: 'is-untouched', // the control hasn't been blurred
|
|
valid: 'is-valid', // model is valid
|
|
invalid: 'is-invalid', // model is invalid
|
|
pristine: 'is-pristine', // control has not been interacted with
|
|
dirty: 'is-dirty' // control has been interacted with
|
|
}
|
|
})
|
|
Vue.use(Vuetify)
|
|
|
|
Vue.prototype.Velocity = Velocity
|
|
|
|
// ====================================
|
|
// Register Vue Components
|
|
// ====================================
|
|
|
|
Vue.component('admin', () => import(/* webpackChunkName: "admin" */ './components/admin.vue'))
|
|
Vue.component('editor', () => import(/* webpackChunkName: "editor" */ './components/editor.vue'))
|
|
Vue.component('login', () => import(/* webpackMode: "eager" */ './components/login.vue'))
|
|
Vue.component('nav-header', () => import(/* webpackMode: "eager" */ './components/nav-header.vue'))
|
|
Vue.component('navigator', () => import(/* webpackMode: "eager" */ './components/navigator.vue'))
|
|
Vue.component('setup', () => import(/* webpackChunkName: "setup" */ './components/setup.vue'))
|
|
Vue.component('toggle', () => import(/* webpackMode: "eager" */ './components/toggle.vue'))
|
|
|
|
let bootstrap = () => {
|
|
// ====================================
|
|
// Notifications
|
|
// ====================================
|
|
|
|
window.addEventListener('beforeunload', () => {
|
|
store.dispatch('startLoading')
|
|
})
|
|
|
|
const apolloProvider = new VueApollo({
|
|
defaultClient: window.graphQL
|
|
})
|
|
|
|
// ====================================
|
|
// Bootstrap Vue
|
|
// ====================================
|
|
|
|
const i18n = localization.init()
|
|
window.WIKI = new Vue({
|
|
el: '#app',
|
|
components: {},
|
|
mixins: [helpers],
|
|
provide: apolloProvider.provide(),
|
|
store,
|
|
i18n
|
|
})
|
|
|
|
// ----------------------------------
|
|
// Dispatch boot ready
|
|
// ----------------------------------
|
|
|
|
window.boot.notify('vue')
|
|
|
|
// ====================================
|
|
// Load Icons
|
|
// ====================================
|
|
|
|
import(/* webpackChunkName: "icons" */ './svg/icons.svg').then(icons => {
|
|
document.body.insertAdjacentHTML('beforeend', icons)
|
|
})
|
|
}
|
|
|
|
window.boot.onDOMReady(bootstrap)
|