diff --git a/app/Http/Controllers/SinglePageController.php b/app/Http/Controllers/SinglePageController.php
index 5aa46faa..00eb686f 100644
--- a/app/Http/Controllers/SinglePageController.php
+++ b/app/Http/Controllers/SinglePageController.php
@@ -33,6 +33,7 @@ public function index()
         return view('landing')->with([
             'appSettings' => $this->settingService->all()->toJson(),
             'lang' => App::currentLocale(),
+            'isDemoApp' => config("2fauth.config.isDemoApp") ? 'true' : 'false',
             'locales' => collect(config("2fauth.locales"))->toJson(),
         ]);
     }
diff --git a/resources/js/app.js b/resources/js/app.js
index bef5205c..fc807571 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -15,7 +15,8 @@ Vue.use(Notifications)
 const app = new Vue({
     el: '#app',
     data: {
-        appSettings: window.appSettings
+        appSettings: window.appSettings,
+        isDemoApp: window.isDemoApp
     },
     i18n,
     router,
diff --git a/resources/js/components/App.vue b/resources/js/components/App.vue
index fd988b44..6bc80086 100644
--- a/resources/js/components/App.vue
+++ b/resources/js/components/App.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <kicker v-if="kickInactiveUser"></kicker>
-        <div v-if="$root.appSettings.isDemoApp" class="demo has-background-warning has-text-centered is-size-7-mobile">
+        <div v-if="this.$root.isDemoApp" class="demo has-background-warning has-text-centered is-size-7-mobile">
             {{ $t('commons.demo_do_not_post_sensitive_data') }}
         </div>
         <notifications width="100%" position="top" :duration="4000" :speed="0" :max="1" classes="notification is-radiusless" />
diff --git a/resources/js/views/auth/Login.vue b/resources/js/views/auth/Login.vue
index ced283fe..d3dbb9a4 100644
--- a/resources/js/views/auth/Login.vue
+++ b/resources/js/views/auth/Login.vue
@@ -42,7 +42,7 @@
         data(){
             return {
                 username: null,
-                isDemo: this.$root.appSettings.isDemoApp,
+                isDemo: this.$root.isDemoApp,
                 form: new Form({
                     email: '',
                     password: ''
diff --git a/resources/views/landing.blade.php b/resources/views/landing.blade.php
index 53e71c1b..89278fb8 100644
--- a/resources/views/landing.blade.php
+++ b/resources/views/landing.blade.php
@@ -25,6 +25,7 @@
     <script type="text/javascript">
         var appSettings = {!! $appSettings !!};
         var appVersion = '{{ config("2fauth.version") }}';
+        var isDemoApp = {!! $isDemoApp !!};
         var appLocales = {!! $locales !!};
     </script>
     <script src="{{ mix('js/manifest.js') }}"></script>