From 0c1579c9dea55ebb50421ca474fbae59c9758c1f Mon Sep 17 00:00:00 2001
From: Adam Trotta <ahtrotta@gmail.com>
Date: Tue, 26 Mar 2024 15:49:32 -0400
Subject: [PATCH] fixup! feat: Lazy load diagrams

---
 .../components/src/components/LazyLoader.vue     | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/components/LazyLoader.vue b/packages/components/src/components/LazyLoader.vue
index 905c490a05..903ccabcc4 100644
--- a/packages/components/src/components/LazyLoader.vue
+++ b/packages/components/src/components/LazyLoader.vue
@@ -1,15 +1,23 @@
 <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,
@@ -17,8 +25,10 @@ export default Vue.extend({
   },
 
   mounted() {
-    this.$nextTick(() => {
-      this.shouldRender = true;
+    Vue.nextTick(() => {
+      setTimeout(() => {
+        this.shouldRender = true;
+      }, 0);
     });
   },
 });