From 6a0758bc717a5fd9058836dd22e882143ecd1764 Mon Sep 17 00:00:00 2001
From: "Petter H. Juliussen" <petter.juliussen@origo.oslo.kommune.no>
Date: Mon, 25 Sep 2023 14:30:21 +0200
Subject: [PATCH] Load all components synchronously

---
 src/components/OkrLinkCard.vue         |  3 ++-
 src/components/panes/KeyResultPane.vue | 21 ++++++++++++---------
 src/components/panes/ObjectivePane.vue |  9 ++++++---
 src/components/panes/WorkbenchPane.vue |  6 ++++--
 4 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/src/components/OkrLinkCard.vue b/src/components/OkrLinkCard.vue
index bd99988b2..86b5cdf45 100644
--- a/src/components/OkrLinkCard.vue
+++ b/src/components/OkrLinkCard.vue
@@ -35,12 +35,13 @@
 <script>
 import { mapState } from 'vuex';
 import { PktTag } from '@oslokommune/punkt-vue2';
+import ProgressBar from '@/components/ProgressBar.vue';
 
 export default {
   name: 'OkrLinkCard',
 
   components: {
-    ProgressBar: () => import('@/components/ProgressBar.vue'),
+    ProgressBar,
     PktTag,
   },
 
diff --git a/src/components/panes/KeyResultPane.vue b/src/components/panes/KeyResultPane.vue
index 4fe9c02af..69e37d672 100644
--- a/src/components/panes/KeyResultPane.vue
+++ b/src/components/panes/KeyResultPane.vue
@@ -103,28 +103,31 @@ import Progress from '@/db/Progress';
 import LineChart from '@/util/LineChart';
 import { getRandomInt } from '@/util';
 import { getKeyResultProgressDetails } from '@/util/keyResultProgress';
-import { PktButton } from '@oslokommune/punkt-vue2';
+import { PktAlert, PktButton } from '@oslokommune/punkt-vue2';
+import PaneWrapper from '@/components/panes/PaneWrapper.vue';
 import WidgetWrapper from '@/components/widgets/WidgetWrapper.vue';
 import WidgetProgressHistory from '@/components/widgets/WidgetProgressHistory/WidgetProgressHistory.vue';
 // import WidgetKeyResultNotes from '@/components/widgets/WidgetKeyResultNotes.vue';
 import WidgetKeyResultDetails from '@/components/widgets/WidgetKeyResultDetails.vue';
-import PaneWrapper from '@/components/panes/PaneWrapper.vue';
+import ArchivedRestore from '@/components/ArchivedRestore.vue';
+import HTMLOutput from '@/components/HTMLOutput.vue';
+import ProgressModal from '@/components/modals/ProgressModal.vue';
 import ProgressBar from '@/components/ProgressBar.vue';
 
 export default {
   name: 'KeyResultPane',
 
   components: {
-    PktAlert: () => import('@oslokommune/punkt-vue2').then(({ PktAlert }) => PktAlert),
-    ArchivedRestore: () => import('@/components/ArchivedRestore.vue'),
-    ProgressModal: () => import('@/components/modals/ProgressModal.vue'),
-    HTMLOutput: () => import('@/components/HTMLOutput.vue'),
+    PktAlert,
+    PktButton,
+    PaneWrapper,
     Widget: WidgetWrapper,
     WidgetProgressHistory,
-    WidgetKeyResultDetails,
     // WidgetKeyResultNotes,
-    PaneWrapper,
-    PktButton,
+    WidgetKeyResultDetails,
+    ArchivedRestore,
+    HTMLOutput,
+    ProgressModal,
     ProgressBar,
   },
 
diff --git a/src/components/panes/ObjectivePane.vue b/src/components/panes/ObjectivePane.vue
index 9a7af78b7..1026eda94 100644
--- a/src/components/panes/ObjectivePane.vue
+++ b/src/components/panes/ObjectivePane.vue
@@ -97,15 +97,18 @@ import PaneWrapper from '@/components/panes/PaneWrapper.vue';
 import LoadingSmall from '@/components/LoadingSmall.vue';
 import WidgetObjectiveDetails from '@/components/widgets/WidgetObjectiveDetails.vue';
 import WidgetWeights from '@/components/widgets/WidgetWeights.vue';
+import EmptyState from '@/components/EmptyState.vue';
+import OkrLinkCard from '@/components/OkrLinkCard.vue';
+import HTMLOutput from '@/components/HTMLOutput.vue';
 
 export default {
   name: 'ObjectivePane',
 
   components: {
     PaneWrapper,
-    EmptyState: () => import('@/components/EmptyState.vue'),
-    OkrLinkCard: () => import('@/components/OkrLinkCard.vue'),
-    HTMLOutput: () => import('@/components/HTMLOutput.vue'),
+    EmptyState,
+    OkrLinkCard,
+    HTMLOutput,
     LoadingSmall,
     PktButton,
     PktTag,
diff --git a/src/components/panes/WorkbenchPane.vue b/src/components/panes/WorkbenchPane.vue
index 1d410b8c6..0e57847ef 100644
--- a/src/components/panes/WorkbenchPane.vue
+++ b/src/components/panes/WorkbenchPane.vue
@@ -39,14 +39,16 @@
 import { mapActions, mapGetters, mapState } from 'vuex';
 import { PktButton } from '@oslokommune/punkt-vue2';
 import PaneWrapper from '@/components/panes/PaneWrapper.vue';
+import OkrLinkCard from '@/components/OkrLinkCard.vue';
+import ProgressBar from '@/components/ProgressBar.vue';
 
 export default {
   name: 'WorkbenchPane',
 
   components: {
     PaneWrapper,
-    OkrLinkCard: () => import('@/components/OkrLinkCard.vue'),
-    ProgressBar: () => import('@/components/ProgressBar.vue'),
+    OkrLinkCard,
+    ProgressBar,
     PktButton,
   },