From d6b74c99647396c354b4290a556bc90354828d36 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Mon, 17 Jul 2023 11:45:43 -0300
Subject: [PATCH] Adds v-model:value to custom components v-model. #794.

---
 .../edition/collection-edition-form.vue       | 32 +++++++++----------
 .../edition/exporter-edition-form.vue         |  6 ++--
 .../edition/filter-edition-form.vue           | 16 +++++-----
 .../edition/importer-edition-form.vue         |  4 +--
 .../edition/importer-mapping-form.vue         |  2 +-
 .../edition/item-bulk-edition-form.vue        |  2 +-
 .../components/edition/item-edition-form.vue  |  6 ++--
 .../edition/metadata-section-edition-form.vue | 16 +++++-----
 .../edition/metadatum-edition-form.vue        | 30 ++++++++---------
 .../edition/taxonomy-edition-form.vue         | 14 ++++----
 .../components/edition/term-edition-form.vue  |  8 ++---
 .../autocomplete/Autocomplete.vue             |  2 +-
 .../date-interval/DateInterval.vue            |  4 +--
 .../components/filter-types/date/Date.vue     |  4 +--
 .../components/filter-types/date/FormDate.vue |  2 +-
 .../numeric-interval/FormNumericInterval.vue  |  4 +--
 .../numeric-interval/NumericInterval.vue      |  4 +--
 .../FormNumericListInterval.vue               |  8 ++---
 .../NumericListInterval.vue                   |  2 +-
 .../filter-types/numeric/FormNumeric.vue      |  4 +--
 .../filter-types/numeric/Numeric.vue          |  2 +-
 .../lists/collection-metadata-list.vue        |  8 ++---
 .../components/lists/collections-list.vue     |  2 +-
 .../admin/components/lists/items-list.vue     | 10 +++---
 .../lists/metadata-mapping-list.vue           |  6 ++--
 .../components/lists/metadata-types-list.vue  |  4 +--
 .../admin/components/lists/processes-list.vue |  2 +-
 .../lists/repository-metadata-list.vue        |  6 ++--
 .../components/lists/taxonomies-list.vue      |  2 +-
 .../lists/terms-list-hierarchical.vue         |  2 +-
 .../admin/components/lists/terms-list.vue     |  2 +-
 .../compound/child-metadata-list.vue          |  2 +-
 .../components/metadata-types/date/Date.vue   |  4 +--
 .../geocoordinate/FormGeoCoordinate.vue       |  8 ++---
 .../metadata-types/numeric/FormNumeric.vue    |  4 +--
 .../relationship/FormRelationship.vue         | 12 +++----
 .../relationship/Relationship.vue             |  2 +-
 .../selectbox/FormSelectbox.vue               |  4 +--
 .../metadata-types/tainacan-form-item.vue     |  6 ++--
 .../metadata-types/taxonomy/FormTaxonomy.vue  | 14 ++++----
 .../metadata-types/taxonomy/Taxonomy.vue      |  4 +--
 .../taxonomy/TaxonomyTaginput.vue             |  2 +-
 .../metadata-types/user/FormUser.vue          |  2 +-
 .../components/modals/exposers-modal.vue      |  2 +-
 .../modals/item-document-text-modal.vue       |  2 +-
 .../modals/item-document-url-modal.vue        | 10 +++---
 .../other/checkbox-radio-filter-input.vue     |  4 +--
 .../other/checkbox-radio-metadata-input.vue   |  4 +--
 .../other/item-creation-status-dialog.vue     |  2 +-
 .../components/other/term-deletion-dialog.vue |  4 +--
 .../other/term-multiple-insertion-dialog.vue  | 10 +++---
 .../other/term-parent-selection-dialog.vue    |  6 ++--
 .../admin/pages/lists/activities-page.vue     |  8 ++---
 .../admin/pages/lists/capabilities-page.vue   |  2 +-
 .../admin/pages/lists/collections-page.vue    |  4 +--
 src/views/admin/pages/lists/filters-page.vue  |  8 ++---
 src/views/admin/pages/lists/items-page.vue    |  2 +-
 src/views/admin/pages/lists/metadata-page.vue |  2 +-
 .../admin/pages/lists/taxonomies-page.vue     |  2 +-
 .../theme-search/components/view-mode-map.vue |  2 +-
 .../theme-search/theme-items-page.vue         |  2 +-
 .../components/term-creation-panel.vue        |  6 ++--
 .../item-submission/item-submission-form.vue  | 26 +++++++--------
 63 files changed, 194 insertions(+), 194 deletions(-)

diff --git a/src/views/admin/components/edition/collection-edition-form.vue b/src/views/admin/components/edition/collection-edition-form.vue
index 8c1d099da..b19198a44 100644
--- a/src/views/admin/components/edition/collection-edition-form.vue
+++ b/src/views/admin/components/edition/collection-edition-form.vue
@@ -26,7 +26,7 @@
                         <b-input
                                 id="tainacan-text-name"
                                 :placeholder="$i18n.get('instruction_collection_name')"
-                                v-model="form.name"
+                                v-model:value="form.name"
                                 @blur="updateSlug"
                                 @focus="clearErrors('name')"/>
                     </b-field>
@@ -53,7 +53,7 @@
                                 type="textarea"
                                 rows="3"
                                 :placeholder="$i18n.get('instruction_collection_description')"
-                                v-model="form.description"
+                                v-model:value="form.description"
                                 @focus="clearErrors('description')"/>
                     </b-field>
 
@@ -69,7 +69,7 @@
                         <b-input
                                 id="tainacan-text-slug"
                                 @input="updateSlug"
-                                v-model="form.slug"
+                                v-model:value="form.slug"
                                 @focus="clearErrors('slug')"
                                 :disabled="isUpdatingSlug"
                                 :loading="isUpdatingSlug"/>
@@ -88,7 +88,7 @@
                             <label class="label">{{ $i18n.get('label_sort') }}&nbsp;</label>
                             <b-select
                                     id="tainacan-select-default_order"
-                                    v-model="form.default_order">
+                                    v-model:value="form.default_order">
                                 <option
                                         role="button"
                                         :class="{ 'is-active': form.default_order == 'DESC' }"
@@ -110,7 +110,7 @@
                             <b-select
                                     expanded
                                     :loading="isLoadingMetadata"
-                                    v-model="localDefaultOrderBy"
+                                    v-model:value="localDefaultOrderBy"
                                     id="tainacan-select-default_orderby">
                                 <option
                                         v-for="metadatum of sortingMetadata"
@@ -193,7 +193,7 @@
                             <b-select
                                     expanded
                                     id="tainacan-select-default_view_mode"
-                                    v-model="form.default_view_mode"
+                                    v-model:value="form.default_view_mode"
                                     @focus="clearErrors('default_view_mode')">
                                 <option
                                         v-for="(viewMode, index) of validDefaultViewModes"
@@ -215,7 +215,7 @@
                                 size="is-small"
                                 true-value="yes" 
                                 false-value="no"
-                                v-model="form.hide_items_thumbnail_on_lists" />
+                                v-model:value="form.hide_items_thumbnail_on_lists" />
                         <help-button 
                                 :title="$i18n.getHelperTitle('collections', 'hide_items_thumbnail_on_lists')" 
                                 :message="$i18n.getHelperMessage('collections', 'hide_items_thumbnail_on_lists')"/>
@@ -231,7 +231,7 @@
                                 size="is-small"
                                 true-value="open" 
                                 false-value="closed"
-                                v-model="form.allow_comments" />
+                                v-model:value="form.allow_comments" />
                         <help-button 
                                 :title="$i18n.getHelperTitle('collections', 'allow_comments')" 
                                 :message="$i18n.getHelperMessage('collections', 'allow_comments')"/>
@@ -249,7 +249,7 @@
                                 size="is-small"
                                 true-value="yes" 
                                 false-value="no"
-                                v-model="form.allows_submission" />
+                                v-model:value="form.allows_submission" />
                         <help-button 
                                 :title="$i18n.getHelperTitle('collections', 'allows_submission')" 
                                 :message="$i18n.getHelperMessage('collections', 'allows_submission')"/>
@@ -272,7 +272,7 @@
                                         size="is-small"
                                         true-value="yes" 
                                         false-value="no"
-                                        v-model="form.submission_anonymous_user" />
+                                        v-model:value="form.submission_anonymous_user" />
                                 <help-button 
                                         :title="$i18n.getHelperTitle('collections', 'submission_anonymous_user')" 
                                         :message="$i18n.getHelperMessage('collections', 'submission_anonymous_user')"/>
@@ -289,7 +289,7 @@
                                         :message="$i18n.getHelperMessage('collections', 'submission_default_status')"/>
                                 <div class="status-radios">
                                     <b-radio
-                                            v-model="form.submission_default_status"
+                                            v-model:value="form.submission_default_status"
                                             v-for="(statusOption, index) of $statusHelper.getStatuses().filter((status) => status.slug != 'trash')"
                                             :key="index"
                                             :native-value="statusOption.slug">
@@ -322,7 +322,7 @@
                                         size="is-small"
                                         true-value="yes" 
                                         false-value="no"
-                                        v-model="form.submission_use_recaptcha" />
+                                        v-model:value="form.submission_use_recaptcha" />
                                 <help-button 
                                         :title="$i18n.getHelperTitle('collections', 'submission_use_recaptcha')" 
                                         :message="$i18n.getHelperMessage('collections', 'submission_use_recaptcha')"/>
@@ -358,7 +358,7 @@
                                 :message="$i18n.getHelperMessage('collections', 'status')"/>
                         <div class="status-radios">
                             <b-radio
-                                    v-model="form.status"
+                                    v-model:value="form.status"
                                     v-for="(statusOption, index) of $statusHelper.getStatuses().filter((status) => status.slug != 'draft')"
                                     :key="index"
                                     :native-value="statusOption.slug">
@@ -505,7 +505,7 @@
                                 size="is-small"
                                 true-value="yes" 
                                 false-value="no"
-                                v-model="form.enable_cover_page" />
+                                v-model:value="form.enable_cover_page" />
                         <help-button 
                                 :title="$i18n.getHelperTitle('collections', 'cover_page_id')" 
                                 :message="$i18n.getHelperMessage('collections', 'cover_page_id')"/>
@@ -513,7 +513,7 @@
                                 id="tainacan-text-cover-page"
                                 :placeholder="$i18n.get('instruction_cover_page')"
                                 :data="coverPages"
-                                v-model="coverPageTitle"
+                                v-model:value="coverPageTitle"
                                 @select="onSelectCoverPage($event)"
                                 :loading="isFetchingPages"
                                 @input="fecthCoverPages"
@@ -608,7 +608,7 @@
                         <b-select
                                 expanded
                                 id="tainacan-select-parent"
-                                v-model="form.parent"
+                                v-model:value="form.parent"
                                 @focus="clearErrors('parent')"
                                 :loading="isFetchingCollections"
                                 :placeholder="$i18n.get('instruction_select_a_parent_collection')">
diff --git a/src/views/admin/components/edition/exporter-edition-form.vue b/src/views/admin/components/edition/exporter-edition-form.vue
index 9c386bac0..ec2f481c2 100644
--- a/src/views/admin/components/edition/exporter-edition-form.vue
+++ b/src/views/admin/components/edition/exporter-edition-form.vue
@@ -36,7 +36,7 @@
                         <b-select
                                 @input="formErrorMessage = null"
                                 expanded
-                                v-model="selectedCollection"
+                                v-model:value="selectedCollection"
                                 :loading="isFetchingCollections"
                                 :placeholder="$i18n.get('instruction_select_a_collection')">
                             <option
@@ -57,7 +57,7 @@
                         <b-select
                                 @input="formErrorMessage = null"
                                 expanded
-                                v-model="selectedMapping"
+                                v-model:value="selectedMapping"
                                 :placeholder="$i18n.get('instruction_select_a_mapper')">
                             <option 
                                     v-if="exporterSession.accept_no_mapping"
@@ -81,7 +81,7 @@
                         <b-checkbox
                                 true-value="1"
                                 false-value="0"
-                                v-model="sendEmail"
+                                v-model:value="sendEmail"
                                 @input="formErrorMessage = null">
                             {{ $i18n.get('label_yes') }}
                         </b-checkbox>
diff --git a/src/views/admin/components/edition/filter-edition-form.vue b/src/views/admin/components/edition/filter-edition-form.vue
index 376d8bfb0..312510da9 100644
--- a/src/views/admin/components/edition/filter-edition-form.vue
+++ b/src/views/admin/components/edition/filter-edition-form.vue
@@ -18,7 +18,7 @@
                             :message="$i18n.getHelperMessage('filters', 'name')"/>
                 </label>
                 <b-input
-                        v-model="form.name" 
+                        v-model:value="form.name" 
                         name="name" 
                         @focus="clearErrors('name')"/>
             </b-field>
@@ -45,7 +45,7 @@
                         type="textarea" 
                         name="description" 
                         :rows="3"
-                        v-model="form.description" 
+                        v-model:value="form.description" 
                         @focus="clearErrors('description')" />
             </b-field>
 
@@ -64,7 +64,7 @@
                             @focus="clearErrors('label_status')"
                             id="tainacan-select-status-publish"
                             name="status" 
-                            v-model="form.status"
+                            v-model:value="form.status"
                             native-value="publish">
                         <span class="icon has-text-gray3">
                             <i class="tainacan-icon tainacan-icon-public"/>
@@ -76,7 +76,7 @@
                             @focus="clearErrors('label_status')"
                             id="tainacan-select-status-private"
                             name="status" 
-                            v-model="form.status"
+                            v-model:value="form.status"
                             native-value="private">
                         <span class="icon has-text-gray3">
                             <i class="tainacan-icon tainacan-icon-private"/>
@@ -101,7 +101,7 @@
                         class="is-flex">
                     <b-select
                             name="max_options"
-                            v-model="form.max_options"
+                            v-model:value="form.max_options"
                             :placeholder="$i18n.get('instruction_select_max_options_to_show')">
                         <option value="4">4</option>
                         <option value="8">8</option>
@@ -132,7 +132,7 @@
                         class="is-flex">
                     <b-input
                             name="max_options"
-                            v-model="form.max_options"
+                            v-model:value="form.max_options"
                             type="number"
                             step="1" />
                     <button
@@ -161,7 +161,7 @@
                 <b-switch
                         size="is-small"
                         @input="clearErrors('begin_with_filter_collapsed')"
-                        v-model="form.begin_with_filter_collapsed"
+                        v-model:value="form.begin_with_filter_collapsed"
                         :true-value="'yes'"
                         :false-value="'no'"
                         :native-value="form.begin_with_filter_collapsed == 'yes' ? 'yes' : 'no'"
@@ -178,7 +178,7 @@
                     v-if="(form.filter_type_object && form.filter_type_object.form_component) || form.edit_form == ''"
                     :is="form.filter_type_object.form_component"
                     :filter="form"
-                    v-model="form.filter_type_options"/>
+                    v-model:value="form.filter_type_options"/>
             <div 
                     v-html="form.edit_form" 
                     v-else/>
diff --git a/src/views/admin/components/edition/importer-edition-form.vue b/src/views/admin/components/edition/importer-edition-form.vue
index c0bab659b..07c544cec 100644
--- a/src/views/admin/components/edition/importer-edition-form.vue
+++ b/src/views/admin/components/edition/importer-edition-form.vue
@@ -29,7 +29,7 @@
                         <br>
                         <b-upload
                                 v-if="importer.tmp_file == undefined && (importerFile == undefined || importerFile == null || importerFile == '')" 
-                                v-model="importerFile"
+                                v-model:value="importerFile"
                                 drag-drop
                                 class="source-file-upload">
                             <section class="drop-inner">
@@ -80,7 +80,7 @@
                                 extra-classes="tainacan-repository-tooltip"/>
                         <b-input
                                 id="tainacan-url-link-source"
-                                v-model="url"/>  
+                                v-model:value="url"/>  
                     </b-field>
                 </div>
 
diff --git a/src/views/admin/components/edition/importer-mapping-form.vue b/src/views/admin/components/edition/importer-mapping-form.vue
index 5f5f71fe9..65d988091 100644
--- a/src/views/admin/components/edition/importer-mapping-form.vue
+++ b/src/views/admin/components/edition/importer-mapping-form.vue
@@ -309,7 +309,7 @@
                         <b-field>
                             <b-select
                                     expanded
-                                    v-model="selectedTitle"
+                                    v-model:value="selectedTitle"
                                     :placeholder="$i18n.get('label_select_metadatum')">
                                 <option
                                         v-for="(sourceMetadatum, index) of importerSourceInfo.source_metadata"
diff --git a/src/views/admin/components/edition/item-bulk-edition-form.vue b/src/views/admin/components/edition/item-bulk-edition-form.vue
index b0c76827e..0490e2030 100644
--- a/src/views/admin/components/edition/item-bulk-edition-form.vue
+++ b/src/views/admin/components/edition/item-bulk-edition-form.vue
@@ -26,7 +26,7 @@
                 <br>
                 <b-upload
                         native
-                        v-model="submitedFileList"
+                        v-model:value="submitedFileList"
                         drag-drop
                         multiple
                         @input="uploadFiles()"
diff --git a/src/views/admin/components/edition/item-edition-form.vue b/src/views/admin/components/edition/item-edition-form.vue
index 7ee66b80b..b28f4a79c 100644
--- a/src/views/admin/components/edition/item-edition-form.vue
+++ b/src/views/admin/components/edition/item-edition-form.vue
@@ -344,7 +344,7 @@
                                                 id="tainacan-switch-required-metadata"
                                                 :style="'font-size: 0.625em;' + (isMobileScreen ? 'margin-right: 2rem;' : '')"
                                                 size="is-small"
-                                                v-model="showOnlyRequiredMetadata">
+                                                v-model:value="showOnlyRequiredMetadata">
                                             {{ isMobileScreen ? $i18n.get('label_required') : $i18n.get('label_only_required') }} *
                                         </b-switch>
 
@@ -354,7 +354,7 @@
                                             <b-input
                                                     v-if="!isMobileScreen || openMetadataNameFilter"
                                                     :placeholder="$i18n.get('instruction_type_search_metadata_filter')"
-                                                    v-model="metadataNameFilterString"
+                                                    v-model:value="metadataNameFilterString"
                                                     icon="magnify"
                                                     size="is-small"
                                                     icon-right="close-circle"
@@ -676,7 +676,7 @@
                                 size="is-small"
                                 true-value="open"
                                 false-value="closed"
-                                v-model="form.comment_status">
+                                v-model:value="form.comment_status">
                             <span class="icon has-text-gray4">
                                 <i class="tainacan-icon tainacan-icon-comment"/>
                             </span>
diff --git a/src/views/admin/components/edition/metadata-section-edition-form.vue b/src/views/admin/components/edition/metadata-section-edition-form.vue
index d5abfe921..30912fda4 100644
--- a/src/views/admin/components/edition/metadata-section-edition-form.vue
+++ b/src/views/admin/components/edition/metadata-section-edition-form.vue
@@ -30,7 +30,7 @@
                                 :extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
                     </label>
                     <b-input
-                            v-model="form.name"
+                            v-model:value="form.name"
                             name="name"
                             @focus="clearErrors('name')"/>
                 </b-field>
@@ -59,7 +59,7 @@
                             type="textarea"
                             name="description"
                             rows="3"
-                            v-model="form.description"
+                            v-model:value="form.description"
                             @focus="clearErrors('description')"/>
                 </b-field>
 
@@ -72,7 +72,7 @@
                     <b-switch
                             size="is-small"
                             @input="clearErrors('description_bellow_name')"
-                            v-model="form.description_bellow_name"
+                            v-model:value="form.description_bellow_name"
                             true-value="yes"
                             false-value="no"
                             name="description_bellow_name">
@@ -100,7 +100,7 @@
                                 @focus="clearErrors('label_status')"
                                 id="tainacan-select-status-publish"
                                 name="status"
-                                v-model="form.status"
+                                v-model:value="form.status"
                                 native-value="publish">
                             <span class="icon has-text-gray3">
                                 <i class="tainacan-icon tainacan-icon-public"/>
@@ -111,7 +111,7 @@
                                 @focus="clearErrors('label_status')"
                                 id="tainacan-select-status-private"
                                 name="status"
-                                v-model="form.status"
+                                v-model:value="form.status"
                                 native-value="private">
                             <span class="icon has-text-gray3">
                                 <i class="tainacan-icon tainacan-icon-private"/>
@@ -152,7 +152,7 @@
                         <b-switch
                                 size="is-small"
                                 @input="clearErrors('is_conditional_section')"
-                                v-model="form.is_conditional_section"
+                                v-model:value="form.is_conditional_section"
                                 true-value="yes"
                                 false-value="no"
                                 name="is_conditional_section">
@@ -179,7 +179,7 @@
                                         :extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
                             </label>
                             <b-select 
-                                    v-model="selectedConditionalMetadatum"
+                                    v-model:value="selectedConditionalMetadatum"
                                     :placeholder="$i18n.get('label_select_metadatum')">
                                 <option 
                                         v-for="conditionalMetadatum of availableConditionalMetadata"
@@ -201,7 +201,7 @@
                             </label>
                             <div style="overflow-y: auto; overflow-x: hidden; max-height: 100px;">
                                 <b-checkbox
-                                        v-model="selectedConditionalValue"
+                                        v-model:value="selectedConditionalValue"
                                         v-for="(conditionalValue, conditionalValueIndex) of availableConditionalMetadata.find((availableMetadatum) => availableMetadatum.id == selectedConditionalMetadatum).metadata_type_object.options.options.split('\n')"
                                         :key="conditionalValueIndex"
                                         :native-value="conditionalValue">
diff --git a/src/views/admin/components/edition/metadatum-edition-form.vue b/src/views/admin/components/edition/metadatum-edition-form.vue
index 162eac76b..c6aa224d1 100644
--- a/src/views/admin/components/edition/metadatum-edition-form.vue
+++ b/src/views/admin/components/edition/metadatum-edition-form.vue
@@ -38,7 +38,7 @@
                                     :extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
                         </label>
                         <b-input
-                                v-model="form.name"
+                                v-model:value="form.name"
                                 name="name"
                                 @focus="clearErrors('name')"/>
                     </b-field>
@@ -67,7 +67,7 @@
                                 type="textarea"
                                 name="description"
                                 rows="3"
-                                v-model="form.description"
+                                v-model:value="form.description"
                                 @focus="clearErrors('description')"/>
                     </b-field>
 
@@ -80,7 +80,7 @@
                         <b-switch
                                 size="is-small"
                                 @input="clearErrors('description_bellow_name')"
-                                v-model="form.description_bellow_name"
+                                v-model:value="form.description_bellow_name"
                                 true-value="yes"
                                 false-value="no"
                                 name="description_bellow_name">
@@ -104,7 +104,7 @@
                                     :extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
                         </label>
                         <b-input
-                                v-model="form.placeholder"
+                                v-model:value="form.placeholder"
                                 name="placeholder"
                                 @focus="clearErrors('placeholder')"/>
                     </b-field>
@@ -126,7 +126,7 @@
                                     @focus="clearErrors('label_status')"
                                     id="tainacan-select-status-publish"
                                     name="status"
-                                    v-model="form.status"
+                                    v-model:value="form.status"
                                     native-value="publish">
                                 <span class="icon has-text-gray3">
                                     <i class="tainacan-icon tainacan-icon-public"/>
@@ -137,7 +137,7 @@
                                     @focus="clearErrors('label_status')"
                                     id="tainacan-select-status-private"
                                     name="status"
-                                    v-model="form.status"
+                                    v-model:value="form.status"
                                     native-value="private">
                                 <span class="icon has-text-gray3">
                                     <i class="tainacan-icon tainacan-icon-private"/>
@@ -162,7 +162,7 @@
                         </label>
                         <b-select 
                                 expanded
-                                v-model="form.display"
+                                v-model:value="form.display"
                                 @input="clearErrors('display')">
                             <option value="yes">
                                 {{ $i18n.get('label_display_default') }}
@@ -186,7 +186,7 @@
                                 :message="formErrors['required'] != undefined ? formErrors['required'] : ''">
                             <b-checkbox
                                     @input="clearErrors('required')"
-                                    v-model="form.required"
+                                    v-model:value="form.required"
                                     true-value="yes"
                                     false-value="no"
                                     class="is-inline-block"
@@ -205,7 +205,7 @@
                                 :message="formErrors['collection_key'] != undefined ? formErrors['collection_key'] : ''">
                             <b-checkbox
                                     @input="clearErrors('collection_key')"
-                                    v-model="form.collection_key"
+                                    v-model:value="form.collection_key"
                                     true-value="yes"
                                     false-value="no"
                                     class="is-inline-block"
@@ -224,7 +224,7 @@
                                 :message="formErrors['multiple'] != undefined ? formErrors['multiple'] : ''">
                             <b-checkbox
                                     @input="clearErrors('multiple')"
-                                    v-model="form.multiple"
+                                    v-model:value="form.multiple"
                                     true-value="yes"
                                     false-value="no"
                                     class="is-inline-block"
@@ -247,7 +247,7 @@
                         <b-switch
                                 size="is-small"
                                 :disabled="form.multiple != 'yes'"
-                                v-model="showCardinalityOptions" />
+                                v-model:value="showCardinalityOptions" />
                     </b-field>
 
                     <b-field
@@ -267,13 +267,13 @@
                                 name="cardinality"
                                 step="1"
                                 min="2"
-                                v-model="form.cardinality"/>
+                                v-model:value="form.cardinality"/>
                     </b-field>
 
                     <b-field v-if="!isRepositoryLevel && isInsideImporterFlow">
                         <b-checkbox
                                 class="is-inline-block"
-                                v-model="form.repository_level"
+                                v-model:value="form.repository_level"
                                 @input="clearErrors('repository_level')"
                                 name="repository_level"
                                 true-value="yes"
@@ -312,7 +312,7 @@
                             v-if="(form.metadata_type_object && form.metadata_type_object.form_component) || form.edit_form != ''"
                             :is="form.metadata_type_object.form_component"
                             :metadatum="form"
-                            v-model="form.metadata_type_options"/>
+                            v-model:value="form.metadata_type_options"/>
                     <div
                             v-html="form.edit_form"
                             v-else/>
@@ -354,7 +354,7 @@
                                         :extra-classes="isRepositoryLevel ? 'tainacan-repository-tooltip' : ''" />
                             </label>
                             <b-input
-                                    v-model="form.semantic_uri"
+                                    v-model:value="form.semantic_uri"
                                     name="semantic_uri"
                                     type="url"
                                     @focus="clearErrors('semantic_uri')"/>
diff --git a/src/views/admin/components/edition/taxonomy-edition-form.vue b/src/views/admin/components/edition/taxonomy-edition-form.vue
index 111ccea58..38b60583b 100644
--- a/src/views/admin/components/edition/taxonomy-edition-form.vue
+++ b/src/views/admin/components/edition/taxonomy-edition-form.vue
@@ -27,7 +27,7 @@
                                     extra-classes="tainacan-repository-tooltip"/>
                             <b-input
                                     id="tainacan-text-name"
-                                    v-model="form.name"
+                                    v-model:value="form.name"
                                     @focus="clearErrors('name')"
                                     @blur="updateSlug()"
                                     :disabled="isUpdatingSlug"
@@ -56,7 +56,7 @@
                                     id="tainacan-text-description"
                                     type="textarea"
                                     rows="3"
-                                    v-model="form.description"
+                                    v-model:value="form.description"
                                     @focus="clearErrors('description')"/>
                         </b-field>
 
@@ -67,7 +67,7 @@
                                     <b-switch
                                             id="tainacan-checkbox-allow-insert" 
                                             size="is-small"
-                                            v-model="form.allowInsert"
+                                            v-model:value="form.allowInsert"
                                             true-value="yes"
                                             false-value="no" />
                                     <help-button 
@@ -84,7 +84,7 @@
                                     <b-switch
                                             id="tainacan-checkbox-allow-insert" 
                                             size="is-small"
-                                            v-model="form.hierarchical"
+                                            v-model:value="form.hierarchical"
                                             true-value="yes"
                                             false-value="no" />
                                     <help-button 
@@ -107,7 +107,7 @@
                             <b-input
                                     @input="updateSlug()"
                                     id="tainacan-text-slug"
-                                    v-model="form.slug"
+                                    v-model:value="form.slug"
                                     @focus="clearErrors('slug')"
                                     :disabled="isUpdatingSlug"/>
                         </b-field>
@@ -132,7 +132,7 @@
                                         :native-value="wpPostType.slug"
                                         :true-value="wpPostType.slug"
                                         false-value=""
-                                        v-model="form.enabledPostTypes"
+                                        v-model:value="form.enabledPostTypes"
                                         name="enabled_post_types" >
                                         {{ wpPostType.label }}  
                                     </b-checkbox>
@@ -156,7 +156,7 @@
                                     extra-classes="tainacan-repository-tooltip"/>
                             <div class="status-radios">
                                 <b-radio
-                                        v-model="form.status"
+                                        v-model:value="form.status"
                                         v-for="(statusOption, index) of $statusHelper.getStatuses().filter((status) => status.slug != 'draft')"
                                         :key="index"
                                         :native-value="statusOption.slug">
diff --git a/src/views/admin/components/edition/term-edition-form.vue b/src/views/admin/components/edition/term-edition-form.vue
index 62c5bc58f..f347c9517 100644
--- a/src/views/admin/components/edition/term-edition-form.vue
+++ b/src/views/admin/components/edition/term-edition-form.vue
@@ -42,7 +42,7 @@
                 </label>
                 <b-input
                         :placeholder="$i18n.get('label_term_without_name')"
-                        v-model="form.name"
+                        v-model:value="form.name"
                         name="name"
                         @focus="clearErrors({ name: 'name', repeated: 'repeated' })"/>
             </b-field>
@@ -126,7 +126,7 @@
                         <b-input
                                 type="textarea"
                                 name="description"
-                                v-model="form.description"
+                                v-model:value="form.description"
                                 @focus="clearErrors('description')"/>
                     </b-field>
                 </div>
@@ -144,7 +144,7 @@
                             @input="onToggleSwitch()"
                             id="tainacan-checkbox-has-parent" 
                             size="is-small"
-                            v-model="hasParent" />
+                            v-model:value="hasParent" />
                     <help-button
                             :title="$i18n.get('label_parent_term')"
                             :message="$i18n.get('info_help_parent_term')"
@@ -156,7 +156,7 @@
                         :data="parentTerms"
                         field="name"
                         clearable
-                        v-model="parentTermName"
+                        v-model:value="parentTermName"
                         @select="onSelectParentTerm($event)"
                         :loading="isFetchingParentTerms"
                         @input="fetchParentTerms"
diff --git a/src/views/admin/components/filter-types/autocomplete/Autocomplete.vue b/src/views/admin/components/filter-types/autocomplete/Autocomplete.vue
index c4dd18eec..c4c08f0b7 100644
--- a/src/views/admin/components/filter-types/autocomplete/Autocomplete.vue
+++ b/src/views/admin/components/filter-types/autocomplete/Autocomplete.vue
@@ -4,7 +4,7 @@
                 icon="magnify"
                 size="is-small"
                 :aria-labelledby="'filter-label-id-' + filter.id"
-                v-model="selected"
+                v-model:value="selected"
                 :data="options"
                 expanded
                 :loading="isLoadingOptions"
diff --git a/src/views/admin/components/filter-types/date-interval/DateInterval.vue b/src/views/admin/components/filter-types/date-interval/DateInterval.vue
index 953d23a6c..175f4aac7 100644
--- a/src/views/admin/components/filter-types/date-interval/DateInterval.vue
+++ b/src/views/admin/components/filter-types/date-interval/DateInterval.vue
@@ -3,7 +3,7 @@
         <b-datepicker
                 :aria-labelledby="'filter-label-id-' + filter.id"
                 :placeholder="$i18n.get('label_selectbox_init')"
-                v-model="dateInit"
+                v-model:value="dateInit"
                 @focus="isTouched = true"
                 @input="($event) => { resetPage(); validadeValues($event) }"
                 editable
@@ -29,7 +29,7 @@
         <b-datepicker
                 :aria-labelledby="'filter-label-id-' + filter.id"
                 :placeholder="$i18n.get('label_selectbox_init')"
-                v-model="dateEnd"
+                v-model:value="dateEnd"
                 @input="validadeValues()"
                 @focus="isTouched = true"
                 editable
diff --git a/src/views/admin/components/filter-types/date/Date.vue b/src/views/admin/components/filter-types/date/Date.vue
index 2429d4b9e..f4f01e11f 100644
--- a/src/views/admin/components/filter-types/date/Date.vue
+++ b/src/views/admin/components/filter-types/date/Date.vue
@@ -68,12 +68,12 @@
                 size="is-small"
                 step="1"
                 @input="emitOnlyYear($event)"
-                v-model="yearsOnlyValue"/> -->
+                v-model:value="yearsOnlyValue"/> -->
         <b-datepicker
                 position="is-bottom-left"
                 :aria-labelledby="'filter-label-id-' + filter.id"
                 :placeholder="$i18n.get('instruction_select_a_date')"
-                v-model="value"
+                v-model:value="value"
                 @input="($event) => { resetPage(); emit($event); }"
                 editable
                 :trap-focus="false"
diff --git a/src/views/admin/components/filter-types/date/FormDate.vue b/src/views/admin/components/filter-types/date/FormDate.vue
index 6fe5639ab..e0e8e00b2 100644
--- a/src/views/admin/components/filter-types/date/FormDate.vue
+++ b/src/views/admin/components/filter-types/date/FormDate.vue
@@ -9,7 +9,7 @@
             </label>
             <b-select
                     name="type_options"
-                    v-model="type"
+                    v-model:value="type"
                     @input="onUpdateType">
                 <option value="day">{{ $i18n.get('label_day') }}</option>
                 <option value="month">{{ $i18n.get('label_month') }}</option>
diff --git a/src/views/admin/components/filter-types/numeric-interval/FormNumericInterval.vue b/src/views/admin/components/filter-types/numeric-interval/FormNumericInterval.vue
index 951f89039..1fe54d5bc 100644
--- a/src/views/admin/components/filter-types/numeric-interval/FormNumericInterval.vue
+++ b/src/views/admin/components/filter-types/numeric-interval/FormNumericInterval.vue
@@ -12,7 +12,7 @@
                     class="is-flex">
                 <b-select
                         name="step_options"
-                        v-model="step"
+                        v-model:value="step"
                         @input="onUpdateStep">
                     <option value="0.001">0.001</option>
                     <option value="0.01">0.01</option>
@@ -49,7 +49,7 @@
                     class="is-flex">
                 <b-input
                         name="max_options"
-                        v-model="step"
+                        v-model:value="step"
                         @input="onUpdateStep"
                         type="number"
                         step="1" />
diff --git a/src/views/admin/components/filter-types/numeric-interval/NumericInterval.vue b/src/views/admin/components/filter-types/numeric-interval/NumericInterval.vue
index 7241e2ff8..389f5f296 100644
--- a/src/views/admin/components/filter-types/numeric-interval/NumericInterval.vue
+++ b/src/views/admin/components/filter-types/numeric-interval/NumericInterval.vue
@@ -7,7 +7,7 @@
                 size="is-small"
                 @input="($event) => { resetPage(); validadeValues($event) }"
                 :step="filterTypeOptions.step"
-                v-model="valueInit"
+                v-model:value="valueInit"
                 />
         <p 
                 style="font-size: 0.75em; margin-bottom: 0.125em;"
@@ -21,7 +21,7 @@
                 size="is-small"
                 @input="($event) => { resetPage(); validadeValues($event) }"
                 :step="filterTypeOptions.step"
-                v-model="valueEnd"/>
+                v-model:value="valueEnd"/>
         
     </div>
 </template>
diff --git a/src/views/admin/components/filter-types/numeric-list-interval/FormNumericListInterval.vue b/src/views/admin/components/filter-types/numeric-list-interval/FormNumericListInterval.vue
index adf2804ad..990c367d0 100644
--- a/src/views/admin/components/filter-types/numeric-list-interval/FormNumericListInterval.vue
+++ b/src/views/admin/components/filter-types/numeric-list-interval/FormNumericListInterval.vue
@@ -10,7 +10,7 @@
             <div>
                 <b-field>
                     <b-checkbox
-                            v-model="showIntervalOnTag"
+                            v-model:value="showIntervalOnTag"
                             @input="onUpdateShowIntervalOnTag()">
                         {{ $i18n.get('info_show_interval_on_tag') }}
                     </b-checkbox>
@@ -34,7 +34,7 @@
                                 expanded
                                 :placeholder="$i18n.get('label')"
                                 @input="onUpdate(interval)"
-                                v-model="interval.label" />
+                                v-model:value="interval.label" />
                     </b-field>
                     <b-field>
                         <b-input
@@ -43,14 +43,14 @@
                                 step="0.01"
                                 :placeholder="$i18n.get('info_initial_value')"
                                 @input="onUpdate(interval, true)"
-                                v-model="interval.from" />
+                                v-model:value="interval.from" />
                         <b-input
                                 expanded
                                 type="number"
                                 step="0.01"
                                 :placeholder="$i18n.get('info_final_value')"
                                 @input="onUpdate(interval, true)"
-                                v-model="interval.to" />
+                                v-model:value="interval.to" />
                     </b-field>
                     <p class="control">
                         <a
diff --git a/src/views/admin/components/filter-types/numeric-list-interval/NumericListInterval.vue b/src/views/admin/components/filter-types/numeric-list-interval/NumericListInterval.vue
index 534807b12..633470b15 100644
--- a/src/views/admin/components/filter-types/numeric-list-interval/NumericListInterval.vue
+++ b/src/views/admin/components/filter-types/numeric-list-interval/NumericListInterval.vue
@@ -4,7 +4,7 @@
                 expanded
                 :placeholder="$i18n.get('instruction_select_a_interval')"
                 @input="($event) => { resetPage; changeInterval($event) }"
-                v-model="selectedInterval">
+                v-model:value="selectedInterval">
             <option value="">
                 {{ $i18n.get('label_selectbox_init') }}...
             </option>
diff --git a/src/views/admin/components/filter-types/numeric/FormNumeric.vue b/src/views/admin/components/filter-types/numeric/FormNumeric.vue
index 6f244b693..be3427853 100644
--- a/src/views/admin/components/filter-types/numeric/FormNumeric.vue
+++ b/src/views/admin/components/filter-types/numeric/FormNumeric.vue
@@ -12,7 +12,7 @@
                     class="is-flex">
                 <b-select
                         name="step_options"
-                        v-model="step"
+                        v-model:value="step"
                         @input="onUpdateStep">
                     <option value="0.001">0.001</option>
                     <option value="0.01">0.01</option>
@@ -49,7 +49,7 @@
                     class="is-flex">
                 <b-input
                         name="max_options"
-                        v-model="step"
+                        v-model:value="step"
                         @input="onUpdateStep"
                         type="number"
                         step="1" />
diff --git a/src/views/admin/components/filter-types/numeric/Numeric.vue b/src/views/admin/components/filter-types/numeric/Numeric.vue
index 090e40621..83286e1e7 100644
--- a/src/views/admin/components/filter-types/numeric/Numeric.vue
+++ b/src/views/admin/components/filter-types/numeric/Numeric.vue
@@ -67,7 +67,7 @@
                 size="is-small"
                 :step="Number(filterTypeOptions.step)"
                 @input="($event) => { resetPage($event); emit($event); }"
-                v-model="value"/>
+                v-model:value="value"/>
     </div>
 </template>
 
diff --git a/src/views/admin/components/lists/collection-metadata-list.vue b/src/views/admin/components/lists/collection-metadata-list.vue
index 38edec578..8063ab295 100644
--- a/src/views/admin/components/lists/collection-metadata-list.vue
+++ b/src/views/admin/components/lists/collection-metadata-list.vue
@@ -44,7 +44,7 @@
                                     custom
                                     aria-role="listitem">
                                 <b-checkbox
-                                        v-model="metadataType.enabled"
+                                        v-model:value="metadataType.enabled"
                                         :native-value="metadataType.enabled">
                                     {{ metadataType.name }}
                                 </b-checkbox>
@@ -55,7 +55,7 @@
                 <b-field class="header-item">
                     <b-input 
                             :placeholder="$i18n.get('instruction_type_search_metadata_filter')"
-                            v-model="metadataNameFilterString"
+                            v-model:value="metadataNameFilterString"
                             icon="magnify"
                             size="is-small"
                             icon-right="close-circle"
@@ -80,7 +80,7 @@
 
         <!-- The Metadata Sections list -->
         <draggable 
-                v-model="activeMetadataSectionsList"
+                v-model:value="activeMetadataSectionsList"
                 class="active-metadata-sections-area"
                 @change="handleSectionChange($event)"
                 :group="{ name:'metadata-sections', pull: false, put: [ 'metadata-sections' ] }"
@@ -250,7 +250,7 @@
                 <!-- The Metadata list, inside each metadata section -->
                 <template v-if="metadataSection.metadata_object_list && Array.isArray(metadataSection.metadata_object_list)">
                     <draggable 
-                            v-model="metadataSection.metadata_object_list"
+                            v-model:value="metadataSection.metadata_object_list"
                             class="active-metadata-area"
                             @change="handleChange($event, sectionIndex)"
                             :group="{ name:'metadata', pull: [ 'metadata' ], put: [ 'metadata' ] }"
diff --git a/src/views/admin/components/lists/collections-list.vue b/src/views/admin/components/lists/collections-list.vue
index 97adada87..122d8d621 100644
--- a/src/views/admin/components/lists/collections-list.vue
+++ b/src/views/admin/components/lists/collections-list.vue
@@ -143,7 +143,7 @@
                                 v-if="$userCaps.hasCapability('tnc_rep_delete_collections')"
                                 :class="{ 'is-selecting': isSelectingCollections }"
                                 class="checkbox-cell">
-                            <b-checkbox v-model="selectedCollections[index]"/> 
+                            <b-checkbox v-model:value="selectedCollections[index]"/> 
                         </td>
                         <!-- Status icon -->
                         <td 
diff --git a/src/views/admin/components/lists/items-list.vue b/src/views/admin/components/lists/items-list.vue
index f019e9195..86d7adfb8 100644
--- a/src/views/admin/components/lists/items-list.vue
+++ b/src/views/admin/components/lists/items-list.vue
@@ -20,7 +20,7 @@
                         style="margin-left: 10px"
                         v-if="totalPages > 1 && allItemsOnPageSelected && Array.isArray(items) && items.length > 1">
                     <b-checkbox
-                            v-model="isAllItemsSelected">
+                            v-model:value="isAllItemsSelected">
                         {{ $i18n.getWithVariables('label_select_all_%s_items', [totalItems]) }}
                     </b-checkbox>
                 </span>
@@ -191,7 +191,7 @@
                                 v-else
                                 name="item-single-selection"
                                 :native-value="item.id"
-                                v-model="singleItemSelection"
+                                v-model:value="singleItemSelection"
                                 :aria-label="$i18n.get('label_select_item')">
                             <span class="sr-only">{{ $i18n.get('label_select_item') }}</span>
                         </b-radio>
@@ -483,7 +483,7 @@
                                 v-else
                                 name="item-single-selection"
                                 :native-value="item.id"
-                                v-model="singleItemSelection">
+                                v-model:value="singleItemSelection">
                             <span class="sr-only">{{ $i18n.get('label_select_item') }}</span>
                         </b-radio>
                     </div>
@@ -934,7 +934,7 @@
                                     v-else
                                     name="item-single-selection"
                                     :native-value="item.id"
-                                    v-model="singleItemSelection">
+                                    v-model:value="singleItemSelection">
                                 <span class="sr-only">{{ $i18n.get('label_select_item') }}</span>
                             </b-radio>
                         </td>
@@ -1588,7 +1588,7 @@
                                 <b-select
                                         :placeholder="$i18n.get('instruction_select_geocoordinate_metadatum')"
                                         id="tainacan-select-geocoordinate-metatum"
-                                        v-model="selectedGeocoordinateMetadatumId">
+                                        v-model:value="selectedGeocoordinateMetadatumId">
                                     <option
                                             v-for="(geocoordinateMetadatum, geocoordinateMetadatumId) in geocoordinateMetadata"
                                             :key="geocoordinateMetadatum.id"
diff --git a/src/views/admin/components/lists/metadata-mapping-list.vue b/src/views/admin/components/lists/metadata-mapping-list.vue
index 9b8465d3e..46a2ca53d 100644
--- a/src/views/admin/components/lists/metadata-mapping-list.vue
+++ b/src/views/admin/components/lists/metadata-mapping-list.vue
@@ -79,7 +79,7 @@
                 
                 <b-select
                         :name="'mappers-metadatum-select-' + mapperMetadatum.slug"
-                        v-model="mapperMetadatum.selected"
+                        v-model:value="mapperMetadatum.selected"
                         @input="onSelectMetadatumForMapperMetadata">
                     <option
                             value="">
@@ -172,7 +172,7 @@
                 </div>
                 <b-field>
                     <b-input
-                            v-model="newMetadataLabel"
+                            v-model:value="newMetadataLabel"
                             required
                             :placeholder="$i18n.get('label_name')"/>
                 </b-field>
@@ -181,7 +181,7 @@
                             placeholder="URI"
                             type="url"
                             required
-                            v-model="newMetadataUri"/>
+                            v-model:value="newMetadataUri"/>
                 </b-field>
                 <div class="field is-grouped form-submit">
                     <div class="control">
diff --git a/src/views/admin/components/lists/metadata-types-list.vue b/src/views/admin/components/lists/metadata-types-list.vue
index 6caad8f2a..adb6aa75e 100644
--- a/src/views/admin/components/lists/metadata-types-list.vue
+++ b/src/views/admin/components/lists/metadata-types-list.vue
@@ -8,7 +8,7 @@
         <div class="field">
             <h3 class="label">{{ $i18n.get('label_available_metadata_types') }}</h3>
             <draggable 
-                    v-model="availableMetadatumList"
+                    v-model:value="availableMetadatumList"
                     :sort="false" 
                     :group="{ name:'metadata', pull: 'clone', put: false, revertClone: true }"
                     drag-class="sortable-drag">
@@ -65,7 +65,7 @@
 
             <draggable
                     v-if="!isRepositoryLevel" 
-                    v-model="availableMetadataSectionsList"
+                    v-model:value="availableMetadataSectionsList"
                     :sort="false" 
                     :group="{ name:'metadata-sections', pull: 'clone', put: false, revertClone: true }"
                     drag-class="sortable-drag">
diff --git a/src/views/admin/components/lists/processes-list.vue b/src/views/admin/components/lists/processes-list.vue
index 2aaec69f4..6000cab95 100644
--- a/src/views/admin/components/lists/processes-list.vue
+++ b/src/views/admin/components/lists/processes-list.vue
@@ -64,7 +64,7 @@
                     :class="{ 'is-selecting': isSelecting }"
                     class="checkbox-cell">
                 <b-checkbox
-                        v-model="selected[index]"/>
+                        v-model:value="selected[index]"/>
             </span> -->
             <!-- Name -->
             <span
diff --git a/src/views/admin/components/lists/repository-metadata-list.vue b/src/views/admin/components/lists/repository-metadata-list.vue
index e48372e5d..0d53bef1c 100644
--- a/src/views/admin/components/lists/repository-metadata-list.vue
+++ b/src/views/admin/components/lists/repository-metadata-list.vue
@@ -46,7 +46,7 @@
                                     custom
                                     aria-role="listitem">
                                 <b-checkbox
-                                        v-model="metadataType.enabled"
+                                        v-model:value="metadataType.enabled"
                                         :native-value="metadataType.enabled">
                                     {{ metadataType.name }}
                                 </b-checkbox>
@@ -57,7 +57,7 @@
                 <b-field class="header-item">
                     <b-input 
                             :placeholder="$i18n.get('instruction_type_search_metadata_filter')"
-                            v-model="metadataNameFilterString"
+                            v-model:value="metadataNameFilterString"
                             icon="magnify"
                             size="is-small"
                             icon-right="close-circle"
@@ -84,7 +84,7 @@
         <!-- The Repository Metadata list -->
         <div class="active-metadata-sections-area">
             <draggable 
-                    v-model="activeMetadatumList"
+                    v-model:value="activeMetadatumList"
                     class="active-metadata-area"
                     @change="handleChange($event)"
                     :group="{ name:'metadata', pull: false, put: true }"
diff --git a/src/views/admin/components/lists/taxonomies-list.vue b/src/views/admin/components/lists/taxonomies-list.vue
index 03636af6a..59cf4306d 100644
--- a/src/views/admin/components/lists/taxonomies-list.vue
+++ b/src/views/admin/components/lists/taxonomies-list.vue
@@ -92,7 +92,7 @@
                                 :class="{ 'is-selecting': isSelecting }"
                                 class="checkbox-cell">
                             <b-checkbox 
-                                    v-model="selected[index]"/> 
+                                    v-model:value="selected[index]"/> 
                         </td>
                         <!-- Status icon -->
                         <td 
diff --git a/src/views/admin/components/lists/terms-list-hierarchical.vue b/src/views/admin/components/lists/terms-list-hierarchical.vue
index f1835ccce..af5293e0d 100644
--- a/src/views/admin/components/lists/terms-list-hierarchical.vue
+++ b/src/views/admin/components/lists/terms-list-hierarchical.vue
@@ -243,7 +243,7 @@
         </section>
 
         <b-modal
-                v-model="isEditingTerm"
+                v-model:value="isEditingTerm"
                 :width="768"
                 trap-focus
                 aria-role="dialog"
diff --git a/src/views/admin/components/lists/terms-list.vue b/src/views/admin/components/lists/terms-list.vue
index d05ecdbd1..e37237b8d 100644
--- a/src/views/admin/components/lists/terms-list.vue
+++ b/src/views/admin/components/lists/terms-list.vue
@@ -10,7 +10,7 @@
                         autocomplete="on"
                         :placeholder="$i18n.get('instruction_search')"
                         :aria-name="$i18n.get('instruction_search')"
-                        v-model="searchString"
+                        v-model:value="searchString"
                         icon-right="magnify"
                         type="search" />
             </b-field>
diff --git a/src/views/admin/components/metadata-types/compound/child-metadata-list.vue b/src/views/admin/components/metadata-types/compound/child-metadata-list.vue
index 3f87950c9..9efd2d167 100644
--- a/src/views/admin/components/metadata-types/compound/child-metadata-list.vue
+++ b/src/views/admin/components/metadata-types/compound/child-metadata-list.vue
@@ -16,7 +16,7 @@
             </div>
         </section>
         <draggable
-                v-model="childrenMetadata"
+                v-model:value="childrenMetadata"
                 :style="{ minHeight: childrenMetadata.length > 0 ? '40px' : '70px' }"
                 class="active-metadata-area child-metadata-area"
                 @change="handleChange"
diff --git a/src/views/admin/components/metadata-types/date/Date.vue b/src/views/admin/components/metadata-types/date/Date.vue
index 7b02443c4..fe5cfa2de 100644
--- a/src/views/admin/components/metadata-types/date/Date.vue
+++ b/src/views/admin/components/metadata-types/date/Date.vue
@@ -6,7 +6,7 @@
                 :custom-class="{ 'is-danger': isInvalidDate && dateValue }"
                 type="text"
                 v-mask="dateMask"
-                v-model="dateValue"
+                v-model:value="dateValue"
                 @input="onInput"
                 @blur="onBlur"
                 @focus="onMobileSpecialFocus"
@@ -24,7 +24,7 @@
 
             <!--<div class="field">-->
                 <!--<b-datepicker-->
-                        <!--v-model="dateValue"-->
+                        <!--v-model:value="dateValue"-->
                         <!--:readonly="false"-->
                         <!--inline-->
                         <!--@input="onInput($event)"-->
diff --git a/src/views/admin/components/metadata-types/geocoordinate/FormGeoCoordinate.vue b/src/views/admin/components/metadata-types/geocoordinate/FormGeoCoordinate.vue
index 7cf68d6b0..f1a4d0240 100644
--- a/src/views/admin/components/metadata-types/geocoordinate/FormGeoCoordinate.vue
+++ b/src/views/admin/components/metadata-types/geocoordinate/FormGeoCoordinate.vue
@@ -10,7 +10,7 @@
                 </label>
                 <b-input
                         name="mapProvider"
-                        v-model="mapProvider"
+                        v-model:value="mapProvider"
                         @input="emitValues()"
                         placeholder="https://tile.openstreetmap.org/{z}/{x}/{y}.png" />
         </b-field>
@@ -26,7 +26,7 @@
                 </label>
                 <b-input
                         name="attribution"
-                        v-model="attribution"
+                        v-model:value="attribution"
                         @input="emitValues()"
                         placeholder="© OpenStreetMap contributors" />
 
@@ -43,7 +43,7 @@
                 </label>
                 <b-numberinput
                         name="initialZoom"
-                        v-model="initialZoom"
+                        v-model:value="initialZoom"
                         @input="emitValues()"
                         :step="1"
                         :max="19"
@@ -61,7 +61,7 @@
                 </label>
                 <b-numberinput
                         name="maximumZoom"
-                        v-model="maximumZoom"
+                        v-model:value="maximumZoom"
                         @input="emitValues()"
                         :step="1"
                         :max="19"
diff --git a/src/views/admin/components/metadata-types/numeric/FormNumeric.vue b/src/views/admin/components/metadata-types/numeric/FormNumeric.vue
index 28e06f258..0a22ac042 100644
--- a/src/views/admin/components/metadata-types/numeric/FormNumeric.vue
+++ b/src/views/admin/components/metadata-types/numeric/FormNumeric.vue
@@ -12,7 +12,7 @@
                     class="is-flex">
                 <b-select
                         name="step_options"
-                        v-model="step"
+                        v-model:value="step"
                         @input="onUpdateStep">
                     <option value="0.001">0.001</option>
                     <option value="0.01">0.01</option>
@@ -49,7 +49,7 @@
                     class="is-flex">
                 <b-input
                         name="max_options"
-                        v-model="step"
+                        v-model:value="step"
                         @input="onUpdateStep"
                         type="number"
                         step="1" />
diff --git a/src/views/admin/components/metadata-types/relationship/FormRelationship.vue b/src/views/admin/components/metadata-types/relationship/FormRelationship.vue
index 104d8fc50..dad127bc3 100644
--- a/src/views/admin/components/metadata-types/relationship/FormRelationship.vue
+++ b/src/views/admin/components/metadata-types/relationship/FormRelationship.vue
@@ -14,7 +14,7 @@
             <b-select
                     name="metadata_type_relationship[collection_id]"
                     :placeholder="$i18n.get('instruction_select_collection_fetch_items' )"
-                    v-model="collection"
+                    v-model:value="collection"
                     @change="emitValues()"
                     @focus="clear()"
                     :loading="loading"
@@ -45,7 +45,7 @@
                 </label>
                 <b-select
                         name="metadata_type_relationship[search]"
-                        v-model="modelSearch"
+                        v-model:value="modelSearch"
                         expanded>
                     <option
                             v-for="(option, index) in metadata.filter(metadatum => metadatum.metadata_type_object.component !== 'tainacan-compound')"
@@ -72,7 +72,7 @@
                             native-value="thumbnail"
                             name="metadata_type_relationship[display_related_item_metadata]"
                             @input="emitValues()"
-                            v-model="displayRelatedItemMetadata">
+                            v-model:value="displayRelatedItemMetadata">
                         {{ $i18n.get('label_thumbnail') }}
                     </b-checkbox>
                     <b-checkbox
@@ -81,7 +81,7 @@
                             :native-value="metadatumOption.id"
                             name="metadata_type_relationship[display_related_item_metadata]"
                             @input="emitValues()"
-                            v-model="displayRelatedItemMetadata"
+                            v-model:value="displayRelatedItemMetadata"
                             :disabled="metadatumOption.id == modelSearch">
                         {{ metadatumOption.name }}
                     </b-checkbox>
@@ -95,7 +95,7 @@
                 &nbsp;
             <b-switch
                     size="is-small" 
-                    v-model="modelDisplayInRelatedItems"
+                    v-model:value="modelDisplayInRelatedItems"
                     @input="emitValues()"
                     true-value="yes"
                     false-value="no" />
@@ -110,7 +110,7 @@
                 &nbsp;
             <b-switch
                     size="is-small" 
-                    v-model="modelAcceptDraftItems"
+                    v-model:value="modelAcceptDraftItems"
                     @input="emitValues()"
                     true-value="yes"
                     false-value="no" />
diff --git a/src/views/admin/components/metadata-types/relationship/Relationship.vue b/src/views/admin/components/metadata-types/relationship/Relationship.vue
index 9bb866e45..3592822b3 100644
--- a/src/views/admin/components/metadata-types/relationship/Relationship.vue
+++ b/src/views/admin/components/metadata-types/relationship/Relationship.vue
@@ -3,7 +3,7 @@
         <b-tabs
                 size="is-small"
                 animated
-                v-model="activeTab">
+                v-model:value="activeTab">
             <b-tab-item :label="$i18n.get('label_insert_items')">
                 <b-taginput
                         expanded
diff --git a/src/views/admin/components/metadata-types/selectbox/FormSelectbox.vue b/src/views/admin/components/metadata-types/selectbox/FormSelectbox.vue
index e8cb124be..8bd514dee 100644
--- a/src/views/admin/components/metadata-types/selectbox/FormSelectbox.vue
+++ b/src/views/admin/components/metadata-types/selectbox/FormSelectbox.vue
@@ -23,7 +23,7 @@
             </label>
 
             <b-taginput
-                    v-model="options"
+                    v-model:value="options"
                     @input="emitValues()"
                     @focus="clear()"
                     attached
@@ -41,7 +41,7 @@
                         :key="separator"
                         name="metadata_type_selectbox[options_separator]"
                         @input="emitValues()"
-                        v-model="optionsSeparator"
+                        v-model:value="optionsSeparator"
                         :native-value="separator"
                         :disabled="separator == 'Enter'">
                     <kbd>{{ separator }}</kbd>
diff --git a/src/views/admin/components/metadata-types/tainacan-form-item.vue b/src/views/admin/components/metadata-types/tainacan-form-item.vue
index c67a38fa9..7fe5fb493 100644
--- a/src/views/admin/components/metadata-types/tainacan-form-item.vue
+++ b/src/views/admin/components/metadata-types/tainacan-form-item.vue
@@ -58,7 +58,7 @@
                 </p>
                 <component 
                         :is="metadatumComponent"
-                        v-model="values[0]" 
+                        v-model:value="values[0]" 
                         :item-metadatum="itemMetadatum"
                         @input="changeValue"
                         @blur="performValueChange"
@@ -81,7 +81,7 @@
                             <component 
                                     v-if="index > 0"
                                     :is="metadatumComponent"
-                                    v-model="values[index]" 
+                                    v-model:value="values[index]" 
                                     :item-metadatum="itemMetadatum"
                                     @input="changeValue"
                                     @blur="performValueChange"
@@ -135,7 +135,7 @@
                 </p>
                 <component
                         :is="metadatumComponent"
-                        v-model="values"
+                        v-model:value="values"
                         :item-metadatum="itemMetadatum"
                         @input="changeValue"
                         @blur="performValueChange"
diff --git a/src/views/admin/components/metadata-types/taxonomy/FormTaxonomy.vue b/src/views/admin/components/metadata-types/taxonomy/FormTaxonomy.vue
index e112b5d63..5cab63f15 100644
--- a/src/views/admin/components/metadata-types/taxonomy/FormTaxonomy.vue
+++ b/src/views/admin/components/metadata-types/taxonomy/FormTaxonomy.vue
@@ -15,7 +15,7 @@
             <b-select
                     name="field_type_options[taxonomy_id]"
                     placeholder="Select the taxonomy"
-                    v-model="taxonomy_id"
+                    v-model:value="taxonomy_id"
                     @input="emitValues()"
                     @focus="clear"
                     :loading="loading"
@@ -42,7 +42,7 @@
                     name="metadata_type_options[component_type]"
                     placeholder="Select the input type for the taxonomy metadatum"
                     @input="emitValues()"
-                    v-model="input_type"
+                    v-model:value="input_type"
                     expanded>
                 <option
                         v-for="(option, index) in single_types"
@@ -55,7 +55,7 @@
             <b-select
                     name="metadata_type_options[input_type]"
                     placeholder="Select the input type for the taxonomy metadatum"
-                    v-model="input_type"
+                    v-model:value="input_type"
                     @input="emitValues()"
                     v-else
                     expanded>
@@ -75,7 +75,7 @@
                 &nbsp;
             <b-switch
                     size="is-small" 
-                    v-model="visible_options_list"
+                    v-model:value="visible_options_list"
                     @input="emitValues()" />
             <help-button
                     :title="$i18n.getHelperTitle('tainacan-taxonomy', 'visible_options_list')"
@@ -88,7 +88,7 @@
                 &nbsp;
             <b-switch
                     size="is-small" 
-                    v-model="allow_new_terms"
+                    v-model:value="allow_new_terms"
                     @input="emitValues()"
                     true-value="yes"
                     false-value="no" />
@@ -103,7 +103,7 @@
                 &nbsp;
             <b-switch
                     size="is-small" 
-                    v-model="do_not_dispaly_term_as_link"
+                    v-model:value="do_not_dispaly_term_as_link"
                     @input="emitValues()"
                     true-value="yes"
                     false-value="no" />
@@ -160,7 +160,7 @@
                 &nbsp;
             <b-switch
                     size="is-small" 
-                    v-model="hide_hierarchy_path"
+                    v-model:value="hide_hierarchy_path"
                     @input="emitValues()"
                     true-value="yes"
                     false-value="no" />
diff --git a/src/views/admin/components/metadata-types/taxonomy/Taxonomy.vue b/src/views/admin/components/metadata-types/taxonomy/Taxonomy.vue
index 37bfdac98..cc67a9049 100644
--- a/src/views/admin/components/metadata-types/taxonomy/Taxonomy.vue
+++ b/src/views/admin/components/metadata-types/taxonomy/Taxonomy.vue
@@ -5,7 +5,7 @@
                 :disabled="disabled"
                 :is="getComponent"
                 :maxtags="maxtags != undefined ? maxtags : (itemMetadatum.metadatum.multiple == 'yes' || allowNew === true ? (maxMultipleValues !== undefined ? maxMultipleValues : null) : '1')"
-                v-model="valueComponent"
+                v-model:value="valueComponent"
                 :allow-select-to-create="allowSelectToCreate"
                 :allow-new="allowNewFromOptions"
                 :placeholder="itemMetadatum.metadatum.placeholder ? itemMetadatum.metadatum.placeholder : $i18n.get('instruction_type_existing_term')"
@@ -50,7 +50,7 @@
 
         <!-- Term creation modal, used on admin for a complete term creation -->
         <b-modal
-                v-model="isTermCreationModalOpen"
+                v-model:value="isTermCreationModalOpen"
                 :width="768"
                 trap-focus
                 aria-role="dialog"
diff --git a/src/views/admin/components/metadata-types/taxonomy/TaxonomyTaginput.vue b/src/views/admin/components/metadata-types/taxonomy/TaxonomyTaginput.vue
index 386013bbb..5188f3c7f 100644
--- a/src/views/admin/components/metadata-types/taxonomy/TaxonomyTaginput.vue
+++ b/src/views/admin/components/metadata-types/taxonomy/TaxonomyTaginput.vue
@@ -8,7 +8,7 @@
             :allow-new="false"
             @add="emitAdd"
             @remove="emitRemove"
-            v-model="selected"
+            v-model:value="selected"
             :data="labels"
             :maxtags="maxtags"
             field="label"
diff --git a/src/views/admin/components/metadata-types/user/FormUser.vue b/src/views/admin/components/metadata-types/user/FormUser.vue
index 0849692f1..bc1199ae3 100644
--- a/src/views/admin/components/metadata-types/user/FormUser.vue
+++ b/src/views/admin/components/metadata-types/user/FormUser.vue
@@ -8,7 +8,7 @@
                         :message="$i18n.getHelperMessage('tainacan-user', 'default_author')"/>
             </label>
             <b-checkbox
-                    v-model="defaultAuthor"
+                    v-model:value="defaultAuthor"
                     @input="onUpdateDefaultAuthor"
                     true-value="yes"
                     false-value="no">
diff --git a/src/views/admin/components/modals/exposers-modal.vue b/src/views/admin/components/modals/exposers-modal.vue
index 31435b663..bec636dde 100644
--- a/src/views/admin/components/modals/exposers-modal.vue
+++ b/src/views/admin/components/modals/exposers-modal.vue
@@ -121,7 +121,7 @@
                                 placement: 'bottom',
                                 popperClass: ['tainacan-tooltip', 'tooltip']
                             }" 
-                            v-model="shouldRespectFetchOnly">{{ $i18n.get('label_expose_only_displayed_metadata') }}</b-checkbox>
+                            v-model:value="shouldRespectFetchOnly">{{ $i18n.get('label_expose_only_displayed_metadata') }}</b-checkbox>
                 </div>
                 <b-field 
                         :addons="false"
diff --git a/src/views/admin/components/modals/item-document-text-modal.vue b/src/views/admin/components/modals/item-document-text-modal.vue
index 548ea53fd..ecd918eba 100644
--- a/src/views/admin/components/modals/item-document-text-modal.vue
+++ b/src/views/admin/components/modals/item-document-text-modal.vue
@@ -9,7 +9,7 @@
                 ref="item-document-text-input"
                 type="textarea"
                 :autofocus="true"
-                v-model="localTextContent"/>
+                v-model:value="localTextContent"/>
 
         <div class="field is-grouped form-submit">
             <div class="control">
diff --git a/src/views/admin/components/modals/item-document-url-modal.vue b/src/views/admin/components/modals/item-document-url-modal.vue
index 800771084..1942ae418 100644
--- a/src/views/admin/components/modals/item-document-url-modal.vue
+++ b/src/views/admin/components/modals/item-document-url-modal.vue
@@ -7,7 +7,7 @@
         <b-input 
                 aria-labelledby="item-document-url-modal-title"
                 ref="item-document-url-input"
-                v-model="localUrlLink" />
+                v-model:value="localUrlLink" />
         <br>
         <b-field
                 :addons="false"
@@ -15,7 +15,7 @@
                 &nbsp;
             <b-switch
                     size="is-small" 
-                    v-model="localUrlForcedIframe" />
+                    v-model:value="localUrlForcedIframe" />
             <help-button
                     :title="$i18n.get('label_document_option_forced_iframe')"
                     :message="$i18n.get('info_document_option_forced_iframe')" />
@@ -29,7 +29,7 @@
                         :aria-minus-label="$i18n.get('label_decrease')"
                         :aria-plus-label="$i18n.get('label_increase')"
                         min="1" 
-                        v-model="localUrlIframeWidth"
+                        v-model:value="localUrlIframeWidth"
                         step="1" />
             </b-field>
             <b-field :label="$i18n.get('label_document_option_iframe_height')">
@@ -37,7 +37,7 @@
                         :aria-minus-label="$i18n.get('label_decrease')"
                         :aria-plus-label="$i18n.get('label_increase')"
                         min="1" 
-                        v-model="localUrlIframeHeight"
+                        v-model:value="localUrlIframeHeight"
                         step="1" />
             </b-field>
         </b-field>
@@ -55,7 +55,7 @@
                 &nbsp;
             <b-switch
                     size="is-small" 
-                    v-model="localUrlIsImage" />
+                    v-model:value="localUrlIsImage" />
             <help-button
                     :title="$i18n.get('label_document_option_is_image')"
                     :message="$i18n.get('info_document_option_is_image')" />
diff --git a/src/views/admin/components/other/checkbox-radio-filter-input.vue b/src/views/admin/components/other/checkbox-radio-filter-input.vue
index 3b0e1b98c..64d07bdb7 100644
--- a/src/views/admin/components/other/checkbox-radio-filter-input.vue
+++ b/src/views/admin/components/other/checkbox-radio-filter-input.vue
@@ -21,7 +21,7 @@
                     size="is-small"
                     animated
                     @input="fetchSelectedLabels()"
-                    v-model="activeTab"
+                    v-model:value="activeTab"
                     :class="{ 'hidden-tabs-section': !isModal || !hasToDisplaySearchBar }">
                 <b-tab-item 
                         :style="{ margin: isModal ? '0' : '0 0 1rem 0' }"
@@ -36,7 +36,7 @@
                                 autocomplete="on"
                                 :placeholder="$i18n.get('instruction_search')"
                                 :aria-label="$i18n.get('instruction_search')"
-                                v-model="optionName"
+                                v-model:value="optionName"
                                 @input="autoComplete"
                                 icon-right="magnify"
                                 type="search" />
diff --git a/src/views/admin/components/other/checkbox-radio-metadata-input.vue b/src/views/admin/components/other/checkbox-radio-metadata-input.vue
index f4f8fd94d..1be11a1c2 100644
--- a/src/views/admin/components/other/checkbox-radio-metadata-input.vue
+++ b/src/views/admin/components/other/checkbox-radio-metadata-input.vue
@@ -11,7 +11,7 @@
                 size="is-small"
                 animated
                 @input="fetchSelectedLabels()"
-                v-model="activeTab"
+                v-model:value="activeTab"
                 :class="{ 'hidden-tabs-section': (shouldBeginWithListExpanded && !hasToDisplaySearchBar) }">
             <b-tab-item :label="isTaxonomy ? $i18n.get('label_all_terms') : $i18n.get('label_all_metadatum_values')">
                 
@@ -39,7 +39,7 @@
                             autocomplete="on"
                             :placeholder="metadatum.placeholder ? metadatum.placeholder : ( expandResultsSection ? $i18n.get('instruction_search') : $i18n.get('instruction_click_to_see_or_search') )"
                             :aria-label="expandResultsSection ? $i18n.get('instruction_search') : $i18n.get('instruction_click_to_see_or_search')"
-                            v-model="optionName"
+                            v-model:value="optionName"
                             @input="autoComplete"
                             @focus="!shouldBeginWithListExpanded && !expandResultsSection ? toggleResultsSection() : null"
                             icon-right="magnify"
diff --git a/src/views/admin/components/other/item-creation-status-dialog.vue b/src/views/admin/components/other/item-creation-status-dialog.vue
index 95a9101f7..6b14dab46 100644
--- a/src/views/admin/components/other/item-creation-status-dialog.vue
+++ b/src/views/admin/components/other/item-creation-status-dialog.vue
@@ -35,7 +35,7 @@
                 <!-- Status -------------------------------- --> 
                 <div class="status-radios">
                     <b-radio
-                            v-model="selectedStatus"
+                            v-model:value="selectedStatus"
                             v-for="(statusOption, index) of availableStatus"
                             :key="index"
                             :native-value="statusOption.slug">
diff --git a/src/views/admin/components/other/term-deletion-dialog.vue b/src/views/admin/components/other/term-deletion-dialog.vue
index 91d8382d9..ae233df59 100644
--- a/src/views/admin/components/other/term-deletion-dialog.vue
+++ b/src/views/admin/components/other/term-deletion-dialog.vue
@@ -33,12 +33,12 @@
                         class="type-of-deletion-options">
                     <b-radio 
                             native-value="selected"
-                            v-model="typeOfDelete">
+                            v-model:value="typeOfDelete">
                         {{ amountOfTerms > 1 ? $i18n.get('label_remove_selected_terms') : $i18n.get('label_remove_selected_term') }}
                     </b-radio>
                     <b-radio 
                             native-value="descendants"
-                            v-model="typeOfDelete">
+                            v-model:value="typeOfDelete">
                         {{ amountOfTerms > 1 ? $i18n.get('label_remove_terms_and_descendants') : $i18n.get('label_remove_term_and_descendants') }}
                     </b-radio>
                 </div>
diff --git a/src/views/admin/components/other/term-multiple-insertion-dialog.vue b/src/views/admin/components/other/term-multiple-insertion-dialog.vue
index 881baca06..a345ed497 100644
--- a/src/views/admin/components/other/term-multiple-insertion-dialog.vue
+++ b/src/views/admin/components/other/term-multiple-insertion-dialog.vue
@@ -37,7 +37,7 @@
                         </label>
 
                     <b-taginput
-                            v-model="termNames"
+                            v-model:value="termNames"
                             attached
                             :confirm-keys="termNamesSeparator"
                             :on-paste-separators="termNamesSeparator"
@@ -52,7 +52,7 @@
                                 v-for="separator of ['Enter', ',', ';', '|']"
                                 :key="separator"
                                 name="term-multiple-insertion-separator"
-                                v-model="termNamesSeparator"
+                                v-model:value="termNamesSeparator"
                                 :native-value="separator"
                                 :disabled="separator == 'Enter'">
                             <kbd>{{ separator }}</kbd>
@@ -66,12 +66,12 @@
                         class="parent-term-options">
                     <b-radio 
                             :native-value="false"
-                            v-model="hasParent">
+                            v-model:value="hasParent">
                         {{ $i18n.get('label_no_parent_root_term') }}
                     </b-radio>
                     <b-radio 
                             :native-value="true"
-                            v-model="hasParent">
+                            v-model:value="hasParent">
                         {{ $i18n.get('instruction_select_a_parent_term') }}
                     </b-radio>
                     <b-autocomplete
@@ -81,7 +81,7 @@
                             :data="parentTerms"
                             field="name"
                             clearable
-                            v-model="parentTermName"
+                            v-model:value="parentTermName"
                             @select="onSelectParentTerm($event)"
                             :loading="isFetchingParentTerms"
                             @input="fetchParentTerms"
diff --git a/src/views/admin/components/other/term-parent-selection-dialog.vue b/src/views/admin/components/other/term-parent-selection-dialog.vue
index 25e7d35b7..793e1ef94 100644
--- a/src/views/admin/components/other/term-parent-selection-dialog.vue
+++ b/src/views/admin/components/other/term-parent-selection-dialog.vue
@@ -33,12 +33,12 @@
                 <div class="parent-term-options">
                     <b-radio 
                             :native-value="false"
-                            v-model="hasParent">
+                            v-model:value="hasParent">
                         {{ $i18n.get('label_no_parent_root_term') }}
                     </b-radio>
                     <b-radio 
                             :native-value="true"
-                            v-model="hasParent">
+                            v-model:value="hasParent">
                         {{ $i18n.get('instruction_select_a_parent_term') }}
                     </b-radio>
                     <b-autocomplete
@@ -47,7 +47,7 @@
                             :data="parentTerms"
                             field="name"
                             clearable
-                            v-model="parentTermName"
+                            v-model:value="parentTermName"
                             @select="onSelectParentTerm($event)"
                             :loading="isFetchingParentTerms"
                             @input="fetchParentTerms"
diff --git a/src/views/admin/pages/lists/activities-page.vue b/src/views/admin/pages/lists/activities-page.vue
index 59c7506ca..c07f35c9c 100644
--- a/src/views/admin/pages/lists/activities-page.vue
+++ b/src/views/admin/pages/lists/activities-page.vue
@@ -44,7 +44,7 @@
                         <b-datepicker
                                 ref="datepicker"
                                 :placeholder="$i18n.get('instruction_filter_activities_date')"
-                                v-model="searchDates"
+                                v-model:value="searchDates"
                                 range
                                 :trap-focus="false"
                                 @input="searchActivities()"
@@ -132,7 +132,7 @@
                                 size="is-small"
                                 :aria-label="$i18n.get('instruction_search') + ' ' + $i18n.get('activities')"
                                 autocomplete="on"
-                                v-model="searchQuery"
+                                v-model:value="searchQuery"
                                 @keyup.enter="searchActivities()"
                                 icon-right="magnify"
                                 icon-right-clickable
@@ -149,7 +149,7 @@
                             :placeholder="$i18n.get('instruction_filter_activities_date')"
                             range
                             icon="calendar-today"
-                            v-model="searchDates"
+                            v-model:value="searchDates"
                             @input="searchProcesses()"
                             :date-formatter="(date) => dateFormatter(date)"
                             :date-parser="(date) => dateParser(date)"
@@ -196,7 +196,7 @@
                             size="is-small"
                             :aria-label="$i18n.get('instruction_search') + ' ' + $i18n.get('activities')"
                             autocomplete="on"
-                            v-model="searchQuery"
+                            v-model:value="searchQuery"
                             @keyup.enter="searchProcesses()"
                             icon-right="magnify"
                             icon-right-clickable
diff --git a/src/views/admin/pages/lists/capabilities-page.vue b/src/views/admin/pages/lists/capabilities-page.vue
index 76d9f6529..4a6b34b0d 100644
--- a/src/views/admin/pages/lists/capabilities-page.vue
+++ b/src/views/admin/pages/lists/capabilities-page.vue
@@ -14,7 +14,7 @@
                 <div class="control has-icons-right  is-small is-clearfix">
                     <b-autocomplete
                             clearable
-                            v-model="filteredRole"
+                            v-model:value="filteredRole"
                             :data="filteredRoles"
                             :placeholder="$i18n.get('instruction_type_search_roles_filter')"
                             keep-first
diff --git a/src/views/admin/pages/lists/collections-page.vue b/src/views/admin/pages/lists/collections-page.vue
index e12b62f42..78ee41afa 100644
--- a/src/views/admin/pages/lists/collections-page.vue
+++ b/src/views/admin/pages/lists/collections-page.vue
@@ -88,7 +88,7 @@
                                     custom
                                     aria-role="listitem">
                                 <b-checkbox
-                                        v-model="collectionTaxonomyTerm.enabled"
+                                        v-model:value="collectionTaxonomyTerm.enabled"
                                         :native-value="collectionTaxonomyTerm.enabled">
                                     {{ collectionTaxonomyTerm.name }}
                                 </b-checkbox>
@@ -183,7 +183,7 @@
                         size="is-small"
                         :aria-label="$i18n.get('instruction_search') + ' ' + $i18n.get('collections')"
                         autocomplete="on"
-                        v-model="searchQuery"
+                        v-model:value="searchQuery"
                         @keyup.enter="searchCollections()"
                         icon-right="magnify"
                         icon-right-clickable
diff --git a/src/views/admin/pages/lists/filters-page.vue b/src/views/admin/pages/lists/filters-page.vue
index 6ad33ca07..baef997e1 100644
--- a/src/views/admin/pages/lists/filters-page.vue
+++ b/src/views/admin/pages/lists/filters-page.vue
@@ -25,7 +25,7 @@
                             <b-field class="header-item">
                                 <b-input 
                                         :placeholder="$i18n.get('instruction_type_search_filter_filter')"
-                                        v-model="filterNameFilterString"
+                                        v-model:value="filterNameFilterString"
                                         icon="magnify"
                                         size="is-small"
                                         icon-right="close-circle"
@@ -53,7 +53,7 @@
                             class="active-filters-area"
                             @change="handleChangeOnFilter"
                             :class="{'filters-area-receive': isDraggingFromAvailable}" 
-                            v-model="activeFiltersList"
+                            v-model:value="activeFiltersList"
                             :group="{ name:'filters', pull: false, put: true }"
                             :sort="(openedFilterId == '' || openedFilterId == undefined) && !isRepositoryLevel"
                             :handle="'.handle'" 
@@ -231,7 +231,7 @@
                             <b-field class="header-item">
                                 <b-input 
                                         :placeholder="$i18n.get('instruction_type_search_metadata_filter')"
-                                        v-model="metadatumNameFilterString"
+                                        v-model:value="metadatumNameFilterString"
                                         icon="magnify"
                                         size="is-small"
                                         icon-right="close-circle"
@@ -245,7 +245,7 @@
                         <draggable
                                 @change="handleChangeOnMetadata"
                                 v-if="availableMetadata.length > 0 && !isLoadingMetadatumTypes"
-                                v-model="availableMetadata"
+                                v-model:value="availableMetadata"
                                 :sort="false"
                                 filter=".not-sortable-item"
                                 :prevent-on-filter="false" 
diff --git a/src/views/admin/pages/lists/items-page.vue b/src/views/admin/pages/lists/items-page.vue
index e186ce069..63fa64db5 100644
--- a/src/views/admin/pages/lists/items-page.vue
+++ b/src/views/admin/pages/lists/items-page.vue
@@ -255,7 +255,7 @@
                                 custom
                                 aria-role="listitem">
                             <b-checkbox
-                                    v-model="column.display"
+                                    v-model:value="column.display"
                                     :native-value="column.display">
                                 {{ column.name }}
                             </b-checkbox>
diff --git a/src/views/admin/pages/lists/metadata-page.vue b/src/views/admin/pages/lists/metadata-page.vue
index 480b16838..6caa278b5 100644
--- a/src/views/admin/pages/lists/metadata-page.vue
+++ b/src/views/admin/pages/lists/metadata-page.vue
@@ -13,7 +13,7 @@
         <div class="metadata-list-page">
             <b-tabs 
                     v-if="(isRepositoryLevel && $userCaps.hasCapability('tnc_rep_edit_metadata') || (!isRepositoryLevel && collection && collection.current_user_can_edit_metadata))"
-                    v-model="activeTab">    
+                    v-model:value="activeTab">    
                 <b-tab-item :label="isRepositoryLevel ? repositoryTabLabel : collectionTabLabel">
                     <div class="columns">
 
diff --git a/src/views/admin/pages/lists/taxonomies-page.vue b/src/views/admin/pages/lists/taxonomies-page.vue
index 4c082f897..32159f14d 100644
--- a/src/views/admin/pages/lists/taxonomies-page.vue
+++ b/src/views/admin/pages/lists/taxonomies-page.vue
@@ -102,7 +102,7 @@
                             size="is-small"
                             :aria-label="$i18n.get('instruction_search') + ' ' + $i18n.get('taxonomies')"
                             autocomplete="on"
-                            v-model="searchQuery"
+                            v-model:value="searchQuery"
                             @keyup.enter="searchTaxonomies()"
                             icon-right="magnify"
                             icon-right-clickable
diff --git a/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-map.vue b/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-map.vue
index dad7bf889..7f61dd9c2 100644
--- a/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-map.vue
+++ b/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-map.vue
@@ -163,7 +163,7 @@
                                 <b-select
                                         :placeholder="$i18n.get('instruction_select_geocoordinate_metadatum')"
                                         id="tainacan-select-geocoordinate-metatum"
-                                        v-model="selectedGeocoordinateMetadatumId">
+                                        v-model:value="selectedGeocoordinateMetadatumId">
                                     <option
                                             v-for="(geocoordinateMetadatum, geocoordinateMetadatumId) in geocoordinateMetadata"
                                             :key="geocoordinateMetadatum.id"
diff --git a/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue b/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue
index 402706d2e..eefcb4ddc 100644
--- a/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue
+++ b/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue
@@ -188,7 +188,7 @@
                             custom
                             aria-role="listitem">
                         <b-checkbox
-                                v-model="column.display"
+                                v-model:value="column.display"
                                 :native-value="column.display">
                             {{ column.name }}
                         </b-checkbox>
diff --git a/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/components/term-creation-panel.vue b/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/components/term-creation-panel.vue
index 49b7fe620..b9eb55650 100644
--- a/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/components/term-creation-panel.vue
+++ b/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/components/term-creation-panel.vue
@@ -29,7 +29,7 @@
                 </label>
                 <b-input
                         :placeholder="$i18n.get('label_term_without_name')"
-                        v-model="form.name"
+                        v-model:value="form.name"
                         name="name"
                         @focus="clearErrors({ name: 'name', repeated: 'repeated' })"/>
             </b-field>
@@ -46,7 +46,7 @@
                             @input="onToggleSwitch()"
                             id="tainacan-checkbox-has-parent" 
                             size="is-small"
-                            v-model="hasParent" />
+                            v-model:value="hasParent" />
                     <help-button
                             :title="$i18n.get('label_parent_term')"
                             :message="$i18n.get('info_help_parent_term')"/>
@@ -57,7 +57,7 @@
                         :data="parentTerms"
                         field="name"
                         clearable
-                        v-model="parentTermName"
+                        v-model:value="parentTermName"
                         @select="onSelectParentTerm($event)"
                         :loading="isFetchingParentTerms"
                         @input="fetchParentTerms"
diff --git a/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/item-submission-form.vue b/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/item-submission-form.vue
index 2b840ffa5..6cc012807 100644
--- a/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/item-submission-form.vue
+++ b/src/views/gutenberg-blocks/blocks/item-submission-form/item-submission/item-submission-form.vue
@@ -50,7 +50,7 @@
                                 <b-upload
                                         expanded
                                         v-if="!form.document"
-                                        v-model="form.document"
+                                        v-model:value="form.document"
                                         drag-drop>
                                     <section class="section">
                                         <div class="content has-text-centered">
@@ -85,21 +85,21 @@
                             <div v-if="form.document_type == 'text'">
                                 <b-input
                                         type="textarea"
-                                        v-model="form.document" />
+                                        v-model:value="form.document" />
                                 <br v-if="hasMoreThanOneDocumentTypeOption">
                             </div>
                             <div v-if="form.document_type == 'url'">
                                 <b-input
                                         :placeholder="$i18n.get('instruction_insert_url')"
                                         type="url"
-                                        v-model="form.document" />
+                                        v-model:value="form.document" />
                                 <b-field
                                         :addons="false"
                                         :label="$i18n.get('label_document_option_forced_iframe')">
                                         &nbsp;
                                     <b-switch
                                             size="is-small"
-                                            v-model="form.document_options.forced_iframe" />
+                                            v-model:value="form.document_options.forced_iframe" />
                                     <help-button
                                             :title="$i18n.get('label_document_option_forced_iframe')"
                                             :message="$i18n.get('info_document_option_forced_iframe')" />
@@ -114,7 +114,7 @@
                                                 :aria-minus-label="$i18n.get('label_decrease')"
                                                 :aria-plus-label="$i18n.get('label_increase')"
                                                 min="1"
-                                                v-model="form.document_options.forced_iframe_width"
+                                                v-model:value="form.document_options.forced_iframe_width"
                                                 step="1" />
                                     </b-field>
                                     <b-field
@@ -124,7 +124,7 @@
                                                 :aria-minus-label="$i18n.get('label_decrease')"
                                                 :aria-plus-label="$i18n.get('label_increase')"
                                                 min="1"
-                                                v-model="form.document_options.forced_iframe_height"
+                                                v-model:value="form.document_options.forced_iframe_height"
                                                 step="1" />
                                     </b-field>
                                 </b-field>
@@ -141,7 +141,7 @@
                                         &nbsp;
                                     <b-switch
                                             size="is-small"
-                                            v-model="form.document_options.is_image" />
+                                            v-model:value="form.document_options.is_image" />
                                     <help-button
                                             :title="$i18n.get('label_document_option_is_image')"
                                             :message="$i18n.get('info_document_option_is_image')" />
@@ -226,7 +226,7 @@
                             <b-switch
                                     id="tainacan-checkbox-show-thumbnail-input"
                                     size="is-small"
-                                    v-model="showThumbnailInput">
+                                    v-model:value="showThumbnailInput">
                                 {{ $i18n.get('label_upload_custom_thumbnail') }}
                             </b-switch>
                         </div>
@@ -238,7 +238,7 @@
                         <b-upload
                                 expanded
                                 v-if="!form.thumbnail"
-                                v-model="form.thumbnail"
+                                v-model:value="form.thumbnail"
                                 drag-drop>
                             <section class="section">
                                 <div class="content has-text-centered">
@@ -311,7 +311,7 @@
                             id="tainacan-item-metadatum_id-attachments">
                         <b-upload
                                 expanded
-                                v-model="form.attachments"
+                                v-model:value="form.attachments"
                                 multiple
                                 drag-drop>
                             <section class="section">
@@ -383,7 +383,7 @@
                                     size="is-small"
                                     true-value="open"
                                     false-value="closed"
-                                    v-model="form.comment_status">
+                                    v-model:value="form.comment_status">
                                 {{ $i18n.get('label_allow_comments') }}
                             </b-switch>
                         </div>
@@ -420,7 +420,7 @@
                 <component
                         v-if="metadataSections.length"
                         :is="showSteppedLayout ? 'b-steps' : 'div'" 
-                        v-model="activeSectionStep"
+                        v-model:value="activeSectionStep"
                         :has-navigation="false"
                         type="is-secondary"
                         mobile-mode="compact"
@@ -588,7 +588,7 @@
                         class="terms-agreement-confirmation-section">
                     <b-field>
                         <b-checkbox
-                                v-model="userHasAgreedToTerms"
+                                v-model:value="userHasAgreedToTerms"
                                 size="is-medium">
                             <span v-html="termsAgreementMessage" />
                         </b-checkbox>