Replace Vue globalProperties by provide/inject at app level

This commit is contained in:
Bubka 2023-09-27 10:19:48 +02:00
parent 74d886a840
commit df2407c46c

View File

@ -11,15 +11,22 @@ import FontAwesomeIcon from './icons'
const app = createApp(App) const app = createApp(App)
// Immutable app properties provided by the laravel blade view // Immutable app properties provided by the laravel blade view
app.config.globalProperties.$2fauth = { const $2fauth = {
prefix: '2fauth_',
config: window.appConfig, //{"proxyAuth":false,"proxyLogoutUrl":false,"subdirectory":""} config: window.appConfig, //{"proxyAuth":false,"proxyLogoutUrl":false,"subdirectory":""}
version: window.appVersion, version: window.appVersion,
isDemoApp: window.isDemoApp, isDemoApp: window.isDemoApp,
isTestingApp: window.isTestingApp, isTestingApp: window.isTestingApp,
langs: window.appLocales langs: window.appLocales,
} }
app.provide('2fauth', readonly($2fauth))
const pinia = createPinia()
pinia.use(({ store }) => {
store.$2fauth = $2fauth;
});
app.use(pinia)
app.use(createPinia())
app.use(router) app.use(router)
app.use(i18nVue, { app.use(i18nVue, {
lang: document.documentElement.lang.substring(0, 2), lang: document.documentElement.lang.substring(0, 2),