diff --git a/client/js/app.js b/client/js/app.js
index 74c307c8..516a8d96 100644
--- a/client/js/app.js
+++ b/client/js/app.js
@@ -4,9 +4,11 @@
/* eslint-disable no-new */
import $ from 'jquery'
+import _ from 'lodash'
import Vue from 'vue'
import VueResource from 'vue-resource'
import VueClipboards from 'vue-clipboards'
+import VueLodash from 'vue-lodash'
import store from './store'
import io from 'socket-io-client'
import i18next from 'i18next'
@@ -15,6 +17,12 @@ import VueI18Next from '@panter/vue-i18next'
import 'jquery-smooth-scroll'
import 'jquery-sticky'
+// ====================================
+// Load Helpers
+// ====================================
+
+import helpers from './helpers'
+
// ====================================
// Load Vue Components
// ====================================
@@ -40,6 +48,7 @@ import sourceViewComponent from './pages/source-view.component.js'
Vue.use(VueResource)
Vue.use(VueClipboards)
Vue.use(VueI18Next)
+Vue.use(VueLodash, _)
i18next
.use(i18nextXHR)
@@ -78,6 +87,7 @@ $(() => {
const i18n = new VueI18Next(i18next)
new Vue({
+ mixins: [helpers],
components: {
alert: alertComponent,
adminProfile: adminProfileComponent,
diff --git a/client/js/components/modal-create-page.vue b/client/js/components/modal-create-page.vue
index 0a52e5bc..b7701933 100644
--- a/client/js/components/modal-create-page.vue
+++ b/client/js/components/modal-create-page.vue
@@ -1,12 +1,12 @@
- .modal(v-if='isShown')
+ .modal(v-bind:class='{ "is-active": isShown }')
.modal-background
.modal-container
.modal-content
header.is-light-blue Create New Document
section
label.label Enter the new document path:
- p.control.is-fullwidth(v-class='{ "is-loading": isLoading }')
+ p.control.is-fullwidth(v-bind:class='{ "is-loading": isLoading }')
input.input(type='text', placeholder='page-name', v-model='entrypath', autofocus)
span.help.is-danger(v-show='isInvalid') This document path is invalid!
footer
@@ -15,30 +15,29 @@
diff --git a/client/js/components/modal-create-user.vue b/client/js/components/modal-create-user.vue
index 73b30142..23c98d08 100644
--- a/client/js/components/modal-create-user.vue
+++ b/client/js/components/modal-create-user.vue
@@ -36,7 +36,7 @@