fix(LoadingBar): don't overrwrite $q.loadingBar with the bar instance #…

…12059 (#12074) #12059
quasarframework · Jan 17, 2022 · f75fcee · f75fcee
1 parent 5b86e11
commit f75fcee
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -12,16 +12,17 @@ export default {
   setDefaults: noop,
 
   install ({ $q, cfg }) {
+    $q.loadingBar = this
+
     if (isSSR === true) {
-      $q.loadingBar = this
       return
     }
 
     const props = cfg.loadingBar !== void 0
       ? { ...cfg.loadingBar }
       : {}
 
-    const bar = $q.loadingBar = new Vue({
+    const bar = new Vue({
       name: 'LoadingBar',
 
       // hide App from Vue devtools