From 25fc94fc927a8486a3bec0cab74cce3af153d777 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Thu, 6 Jun 2024 22:58:55 +0200
Subject: [PATCH] lazy loading DCF

---
 src/routes/stocks/[tickerID]/+page.svelte | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte
index 0015736a..d45567e7 100644
--- a/src/routes/stocks/[tickerID]/+page.svelte
+++ b/src/routes/stocks/[tickerID]/+page.svelte
@@ -66,7 +66,6 @@
   let TARating;
   let RevenueSegmentation;
   let StockSplits;
-  let DCF;
   let Correlation;
   let OptionsData;
   let WIIM;
@@ -94,7 +93,6 @@
     TARating = (await import('$lib/components/TARating.svelte')).default;
     RevenueSegmentation = (await import('$lib/components/RevenueSegmentation.svelte')).default;
     StockSplits = (await import('$lib/components/StockSplits.svelte')).default;
-    DCF = (await import('$lib/components/DCF.svelte')).default;
     Correlation = (await import('$lib/components/Correlation.svelte')).default;
     OptionsData = (await import('$lib/components/OptionsData.svelte')).default;
 
@@ -1341,14 +1339,13 @@ function changeChartType() {
                   
                                   <!--Start DCF -->
                                   <div class="w-full pt-10 sm:pl-6 sm:pb-6 sm:pt-6 m-auto {fairPrice !== null && fairPrice > 0 ? '' : 'hidden'}">
-                                    {#if DCF}
-                                    <div class="w-full m-auto rounded-2xl mb-5">
-                                      <DCF
-                                      fairPrice = {fairPrice}
-                                      currentPrice = {currentPrice}
-                                      />
-                                    </div>
-                                    {/if}
+                                    <Lazy>
+                                      <div class="w-full m-auto rounded-2xl mb-5">
+                                      {#await import('$lib/components/DCF.svelte') then {default: Comp}}
+                                        <svelte:component this={Comp}  fairPrice = {fairPrice} currentPrice = {currentPrice}/>
+                                      {/await}
+                                      </div>
+                                      </Lazy>
                                   </div>
                                   <!--End DCF-->