use async await

nasa · Mar 26, 2024 · e3fcd40 · e3fcd40
1 parent f9fb25b
commit e3fcd40
Showing 1 changed file with 12 additions and 13 deletions.
diff --git a/src/ui/preview/PreviewHeader.vue b/src/ui/preview/PreviewHeader.vue
@@ -58,7 +58,7 @@
 </template>
 
 <script>
-import { toRaw } from 'vue';
+import { nextTick, toRaw } from 'vue';
 
 import NotebookMenuSwitcher from '@/plugins/notebook/components/NotebookMenuSwitcher.vue';
 
@@ -107,21 +107,20 @@ export default {
     };
   },
   watch: {
-    currentView() {
+    async currentView() {
       // wait for view to render with next tick
-      this.$nextTick(() => {
-        if (this.actionCollection) {
-          this.unlistenToActionCollection();
-        }
+      await nextTick();
+      if (this.actionCollection) {
+        this.unlistenToActionCollection();
+      }
 
-        this.actionCollection = this.openmct.actions.getActionsCollection(
-          toRaw(this.objectPath),
-          toRaw(this.currentView)
-        );
+      this.actionCollection = this.openmct.actions.getActionsCollection(
+        toRaw(this.objectPath),
+        toRaw(this.currentView)
+      );
 
-        this.actionCollection.on('update', this.updateActionItems);
-        this.updateActionItems(this.actionCollection.getActionsObject());
-      });
+      this.actionCollection.on('update', this.updateActionItems);
+      this.updateActionItems(this.actionCollection.getActionsObject());
     }
   },
   unmounted() {