From 57d93c12c18dfa8142529d7bd4b3e0ed5e7d4e4c Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 26 Apr 2024 14:42:59 -0400
Subject: [PATCH] Adjust remaining :sync usage

---
 client/src/components/Common/FilterMenu.vue         |  2 +-
 .../History/Multiple/MultipleViewItem.vue           |  2 +-
 client/src/components/Panels/MultiviewPanel.vue     | 13 +++++++++----
 client/src/components/Panels/ToolPanel.vue          |  2 +-
 client/src/components/Workflow/Editor/Index.vue     |  2 +-
 5 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/client/src/components/Common/FilterMenu.vue b/client/src/components/Common/FilterMenu.vue
index f33bdb70960c..24462a93f41e 100644
--- a/client/src/components/Common/FilterMenu.vue
+++ b/client/src/components/Common/FilterMenu.vue
@@ -207,8 +207,8 @@ function updateFilterText(newFilterText: string) {
             v-if="
                 (props.view === 'popover' && toggleMenuButton) || props.menuType == 'standalone' || props.showAdvanced
             "
+            v-model:show="localAdvancedToggle"
             class="mt-2"
-            :show.sync="localAdvancedToggle"
             :target="toggleMenuButton"
             placement="bottomleft"
             data-description="advanced filters"
diff --git a/client/src/components/History/Multiple/MultipleViewItem.vue b/client/src/components/History/Multiple/MultipleViewItem.vue
index 9c36474b8509..638692fbc7c9 100644
--- a/client/src/components/History/Multiple/MultipleViewItem.vue
+++ b/client/src/components/History/Multiple/MultipleViewItem.vue
@@ -45,7 +45,7 @@ function onViewCollection(collection: object) {
     <div v-else id="list-item" class="d-flex flex-column align-items-center w-100">
         <CollectionPanel
             v-if="selectedCollections.length && selectedCollections[0]?.history_id === source.id"
-            v-model:selected-collections.sync="selectedCollections"
+            v-model:selected-collections="selectedCollections"
             :history="history"
             :show-controls="false"
             @view-collection="onViewCollection" />
diff --git a/client/src/components/Panels/MultiviewPanel.vue b/client/src/components/Panels/MultiviewPanel.vue
index e814e7f540e8..bad666397232 100644
--- a/client/src/components/Panels/MultiviewPanel.vue
+++ b/client/src/components/Panels/MultiviewPanel.vue
@@ -114,13 +114,13 @@ function userTitle(title: string) {
 
         <template v-slot:header>
             <FilterMenu
+                v-model:filter-text="filter"
+                v-model:show-advanced="showAdvanced"
                 class="mb-3"
                 name="Histories"
                 placeholder="search histories"
                 :filter-class="HistoriesFilters"
-                :filter-text.sync="filter"
-                :loading="historiesLoading || loading"
-                :show-advanced.sync="showAdvanced" />
+                :loading="historiesLoading || loading" />
             <section v-if="!showAdvanced">
                 <BButton
                     v-if="route.path !== '/histories/view_multiple'"
@@ -156,6 +156,11 @@ function userTitle(title: string) {
             </BBadge>
         </div>
 
-        <HistoryList v-show="!showAdvanced" multiple :filter="filter" :loading.sync="loading" @setFilter="setFilter" />
+        <HistoryList
+            v-show="!showAdvanced"
+            v-model:loading="loading"
+            multiple
+            :filter="filter"
+            @setFilter="setFilter" />
     </ActivityPanel>
 </template>
diff --git a/client/src/components/Panels/ToolPanel.vue b/client/src/components/Panels/ToolPanel.vue
index 4a0eb9adc863..678197ed7a71 100644
--- a/client/src/components/Panels/ToolPanel.vue
+++ b/client/src/components/Panels/ToolPanel.vue
@@ -138,9 +138,9 @@ function onInsertWorkflowSteps(workflowId: string, workflowStepCount: number | u
             <div class="unified-panel-header-inner mx-3 my-2 d-flex justify-content-between">
                 <PanelViewMenu
                     v-if="panelViews && Object.keys(panelViews).length > 1"
+                    v-model:show-advanced="showAdvanced"
                     :panel-views="panelViews"
                     :current-panel-view="currentPanelView"
-                    :show-advanced.sync="showAdvanced"
                     :store-loading="loading"
                     @updatePanelView="updatePanelView">
                     <template v-slot:panel-view-selector>
diff --git a/client/src/components/Workflow/Editor/Index.vue b/client/src/components/Workflow/Editor/Index.vue
index 98d34b33ac32..f60cf23f95e6 100644
--- a/client/src/components/Workflow/Editor/Index.vue
+++ b/client/src/components/Workflow/Editor/Index.vue
@@ -13,7 +13,7 @@
             @onRefactor="onRefactor"
             @onShow="hideModal" />
         <MessagesModal :title="messageTitle" :message="messageBody" :error="messageIsError" @onHidden="resetMessage" />
-        <SaveChangesModal :nav-url.sync="navUrl" :show-modal.sync="showSaveChangesModal" @on-proceed="onNavigate" />
+        <SaveChangesModal v-model:nav-url="navUrl" v-model:show-modal="showSaveChangesModal" @on-proceed="onNavigate" />
         <b-modal
             v-model="showSaveAsModal"
             title="Save As a New Workflow"