Declare js vars from Blade template at Vue prototype level to ease access in vue components

This commit is contained in:
Bubka 2020-03-18 14:54:23 +01:00
parent ab5948ee1d
commit f7a69d8197
2 changed files with 7 additions and 5 deletions

3
resources/js/app.js vendored
View File

@ -8,6 +8,9 @@ import App from './components/App'
import './components' import './components'
Vue.prototype.$appSettings = appSettings
Vue.prototype.$appVersion = appVersion
const app = new Vue({ const app = new Vue({
el: '#app', el: '#app',
components: { App }, components: { App },

View File

@ -2,7 +2,7 @@
<form-wrapper :fail="fail" :success="success"> <form-wrapper :fail="fail" :success="success">
<div class="tags has-addons"> <div class="tags has-addons">
<span class="tag is-dark">2FAuth</span> <span class="tag is-dark">2FAuth</span>
<span class="tag is-info">v{{ version }}</span> <span class="tag is-info">v{{ $appVersion }}</span>
</div> </div>
<form @submit.prevent="handleSubmit" @change="handleSubmit" @keydown="form.onKeydown($event)"> <form @submit.prevent="handleSubmit" @change="handleSubmit" @keydown="form.onKeydown($event)">
<form-select :options="options" :form="form" fieldName="lang" :label="$t('settings.forms.language.label')" :help="$t('settings.forms.language.help')" /> <form-select :options="options" :form="form" fieldName="lang" :label="$t('settings.forms.language.label')" :help="$t('settings.forms.language.help')" />
@ -22,13 +22,12 @@
fail: '', fail: '',
form: new Form({ form: new Form({
lang: this.$root.$i18n.locale, lang: this.$root.$i18n.locale,
showTokenAsDot: appSettings.showTokenAsDot, showTokenAsDot: this.$appSettings.showTokenAsDot,
}), }),
options: [ options: [
{ text: this.$t('languages.en'), value: 'en' }, { text: this.$t('languages.en'), value: 'en' },
{ text: this.$t('languages.fr'), value: 'fr' }, { text: this.$t('languages.fr'), value: 'fr' },
], ]
version: appVersion
} }
}, },
@ -48,7 +47,7 @@
this.$router.go() this.$router.go()
} }
else { else {
appSettings = response.data.settings this.$appSettings = response.data.settings
} }
}) })
.catch(error => { .catch(error => {