fixup! feat: Lazy load diagrams

getappmap · Mar 26, 2024 · 0c1579c · 0c1579c
1 parent f8b049f
commit 0c1579c
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/packages/components/src/components/LazyLoader.vue b/packages/components/src/components/LazyLoader.vue
@@ -1,24 +1,34 @@
 <template>
   <div class="lazy-loader-container">
-    <slot v-if="shouldRender" />
+    <div v-if="shouldRender">
+      <slot />
+    </div>
+    <v-loading-spinner v-else />
   </div>
 </template>
 
 <script lang="ts">
 import Vue from 'vue';
+import VLoadingSpinner from '@/components/LoadingSpinner.vue';
 
 export default Vue.extend({
   name: 'v-lazy-loader',
 
+  components: {
+    VLoadingSpinner,
+  },
+
   data() {
     return {
       shouldRender: false,
     };
   },
 
   mounted() {
-    this.$nextTick(() => {
-      this.shouldRender = true;
+    Vue.nextTick(() => {
+      setTimeout(() => {
+        this.shouldRender = true;
+      }, 0);
     });
   },
 });