migration(bvn): BAlert needs explicit show value

app/src/components/globals/AbstractForm.vue

@@ -13,7 +13,12 @@
         <slot name="default" />
 
         <slot name="server-error" v-bind="{ errorFeedback }">
-          <BAlert v-if="errorFeedback" variant="danger" class="my-3" icon="ban">
+          <BAlert
+            :modelValue="!!errorFeedback"
+            variant="danger"
+            class="my-3"
+            icon="ban"
+          >
             <div v-html="errorFeedback" />
           </BAlert>
         </slot>

app/src/components/globals/CardForm.vue

@@ -17,7 +17,7 @@
             variant="danger"
             class="my-3"
             icon="ban"
-            :show="errorFeedback !== ''"
+            :modelValue="errorFeedback !== ''"
           >
             <div v-html="errorFeedback" />
           </BAlert>

app/src/components/globals/ViewSearch.vue

@@ -29,7 +29,11 @@
     </template>
 
     <template #default>
-      <BAlert v-if="items === null || filteredItems === null" variant="warning">
+      <BAlert
+        v-if="items === null || filteredItems === null"
+        :modelValue="true"
+        variant="warning"
+      >
         <slot name="alert-message">
           <YIcon iname="exclamation-triangle" />
           {{

app/src/components/globals/YAlert.vue

@@ -2,6 +2,7 @@
   <Component
     v-bind="$attrs"
     :is="alert ? 'BAlert' : 'div'"
+    :modelValue="alert ? true : null"
     :variant="alert ? variant : null"
     :class="{ ['alert alert-' + variant]: !alert }"
     class="yuno-alert d-flex flex-column flex-md-row align-items-center"

app/src/components/globals/formItems/ReadOnlyAlertItem.vue

@@ -2,7 +2,7 @@
   <BAlert
     class="d-flex flex-column flex-md-row align-items-center"
     :variant="type"
-    show
+    :modelValue="true"
   >
     <YIcon :iname="icon_" class="me-md-3 mb-md-0 mb-2" :variant="type" />
 

app/src/views/_partials/ErrorDisplay.vue

@@ -23,7 +23,7 @@
 
       <p>
         <strong v-t="'api_error.error_message'" />
-        <BAlert class="mt-2" variant="danger">
+        <BAlert :modelValue="true" class="mt-2" variant="danger">
           <div v-html="error.message" />
         </BAlert>
       </p>

app/src/views/_partials/ReconnectingDisplay.vue

@@ -7,14 +7,14 @@
       <YSpinner class="mb-4" />
 
       <BAlert
-        v-if="origin"
+        :modelValue="!!origin"
         v-t="'api.reconnecting.reason.' + origin"
         :variant="origin === 'unknow' ? 'warning' : 'info'"
       />
     </template>
 
     <template v-if="status === 'failed'">
-      <BAlert variant="danger">
+      <BAlert :modelValue="true" variant="danger">
         <MarkdownItem :label="$t('api.reconnecting.failed')" />
       </BAlert>
 
@@ -29,7 +29,11 @@
     </template>
 
     <template v-if="status === 'expired'">
-      <BAlert variant="success" v-t="'api.reconnecting.session_expired'" />
+      <BAlert
+        :modelValue="true"
+        variant="success"
+        v-t="'api.reconnecting.session_expired'"
+      />
 
       <LoginView force-reload />
     </template>

app/src/views/app/AppInstall.vue

@@ -193,7 +193,7 @@
     </template>
 
     <!-- In case of a custom url with no manifest found -->
-    <BAlert v-else-if="app === null" variant="warning">
+    <BAlert :modelValue="app === null" variant="warning">
       <YIcon iname="exclamation-triangle" />
       {{ $t('app_install_custom_no_manifest') }}
     </BAlert>

app/src/views/backup/BackupList.vue

@@ -14,7 +14,7 @@
       />
     </template>
 
-    <BAlert v-if="!archives" variant="warning">
+    <BAlert v-if="!archives" :modelValue="!archives" variant="warning">
       <YIcon iname="exclamation-triangle" />
       {{ $t('items_verbose_count', { items: $t('items.backups', 0) }, 0) }}
     </BAlert>