diff --git a/ui/dev/src/pages/global/loadingbar.vue b/ui/dev/src/pages/global/loadingbar.vue
index 2afa3b37d29..e08feebc5ee 100644
--- a/ui/dev/src/pages/global/loadingbar.vue
+++ b/ui/dev/src/pages/global/loadingbar.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="q-layout-padding">
-    <div>Status: {{ this.$q.loadingBar.isActive ? 'active' : 'idle' }}</div>
+    <div>Status: {{ $q.loadingBar.isActive ? 'active' : 'idle' }}</div>
     <h1>LoadingBar global</h1>
     <div class="q-gutter-sm">
       <q-btn color="primary" label="Add event" @click="add()" />
diff --git a/ui/src/plugins/LoadingBar.js b/ui/src/plugins/LoadingBar.js
index 49c64b4cd9d..f4cbc5208a0 100644
--- a/ui/src/plugins/LoadingBar.js
+++ b/ui/src/plugins/LoadingBar.js
@@ -12,8 +12,9 @@ export default {
   setDefaults: noop,
 
   install ({ $q, cfg }) {
+    $q.loadingBar = this
+
     if (isSSR === true) {
-      $q.loadingBar = this
       return
     }
 
@@ -21,7 +22,7 @@ export default {
       ? { ...cfg.loadingBar }
       : {}
 
-    const bar = $q.loadingBar = new Vue({
+    const bar = new Vue({
       name: 'LoadingBar',
 
       // hide App from Vue devtools