Revert "chore: don't use async"

This reverts commit 9101e1e221.
2024-10-08 11:54:02 +05:30
parent ec17682d7a
commit 2f090dbc61
4 changed files with 18 additions and 5 deletions
@@ -1,6 +1,6 @@
 <script>
 // [TODO] The popout events are needlessly complex and should be simplified
-import { defineModel } from 'vue';
+import { defineAsyncComponent, defineModel } from 'vue';
 import { mapGetters } from 'vuex';
 import { useAlert } from 'dashboard/composables';
 import { useUISettings } from 'dashboard/composables/useUISettings';
@@ -44,7 +44,9 @@ import {
 import { LOCAL_STORAGE_KEYS } from 'dashboard/constants/localStorage';
 import { LocalStorage } from 'shared/helpers/localStorage';
 import { emitter } from 'shared/helpers/mitt';
-import EmojiInput from 'shared/components/emoji/EmojiInput.vue';
+const EmojiInput = defineAsyncComponent(
+  () => import('shared/components/emoji/EmojiInput.vue')
+);

 export default {
  components: {
@@ -1,4 +1,5 @@
 <script>
+import { defineAsyncComponent } from 'vue';
 import Sidebar from '../../components/layout/Sidebar.vue';
 import { BUS_EVENTS } from 'shared/constants/busEvents';
 import WootKeyShortcutModal from 'dashboard/components/widgets/modal/WootKeyShortcutModal.vue';
@@ -8,7 +9,9 @@ import AddLabelModal from 'dashboard/routes/dashboard/settings/labels/AddLabel.v
 import NotificationPanel from 'dashboard/routes/dashboard/notifications/components/NotificationPanel.vue';
 import { useUISettings } from 'dashboard/composables/useUISettings';
 import wootConstants from 'dashboard/constants/globals';
-import CommandBar from './commands/commandbar.vue';
+const CommandBar = defineAsyncComponent(
+  () => import('./commands/commandbar.vue')
+);
 import { emitter } from 'shared/helpers/mitt';

 export default {
@@ -1,4 +1,5 @@
 <script>
+import { defineAsyncComponent } from 'vue';
 import { mapGetters } from 'vuex';
 import UpgradePage from './UpgradePage.vue';
 import { frontendURL } from '../../../../helper/URLHelper';
@@ -14,7 +15,10 @@ import portalMixin from '../mixins/portalMixin';
 import AddCategory from '../pages/categories/AddCategory.vue';
 import { FEATURE_FLAGS } from 'dashboard/featureFlags';
 import { emitter } from 'shared/helpers/mitt';
-import CommandBar from 'dashboard/routes/dashboard/commands/commandbar.vue';
+
+const CommandBar = defineAsyncComponent(
+  () => import('dashboard/routes/dashboard/commands/commandbar.vue')
+);

 export default {
  components: {
@@ -1,5 +1,9 @@
 <script>
-import EmojiInput from 'shared/components/emoji/EmojiInput.vue';
+import { defineAsyncComponent } from 'vue';
+
+const EmojiInput = defineAsyncComponent(
+  () => import('shared/components/emoji/EmojiInput.vue')
+);

 export default {
  components: { EmojiInput },