Adjust remaining :sync usage

dannon · Apr 26, 2024 · 57d93c1 · 57d93c1
1 parent 9d0a44b
commit 57d93c1
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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"