Load all components synchronously

oslokommune · Sep 25, 2023 · 6a0758b · 6a0758b
1 parent 2246dc5
commit 6a0758b
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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,
   },