fix eslint vue/no-v-text-v-html-on-component

app/src/App.vue

@@ -70,8 +70,9 @@
 
           <b-nav-text
             v-if="yunohost" id="yunohost-version" class="ml-md-auto text-center"
-            v-html="$t('footer_version', yunohost)"
-          />
+          >
+            <span v-html="$t('footer_version', yunohost)" />
+          </b-nav-text>
         </b-nav>
       </nav>
     </footer>

app/src/components/globals/AbstractForm.vue

@@ -13,8 +13,9 @@
           <b-alert
             v-if="errorFeedback"
             variant="danger" class="my-3" icon="ban"
-            v-html="errorFeedback"
-          />
+          >
+            <div v-html="errorFeedback" />
+          </b-alert>
         </slot>
       </b-form>
     </b-card-body>

app/src/components/globals/CardForm.vue

@@ -12,8 +12,10 @@
         <slot name="server-error">
           <b-alert
             variant="danger" class="my-3" icon="ban"
-            :show="errorFeedback !== ''" v-html="errorFeedback"
-          />
+            :show="errorFeedback !== ''"
+          >
+            <div v-html="errorFeedback" />
+          </b-alert>
         </slot>
       </b-form>
     </template>

app/src/components/globals/ReadOnlyField.vue

@@ -4,8 +4,10 @@
       {{ label }}
     </b-col>
 
-    <!-- FIXME not sure about rendering html -->
-    <b-col v-html="text" />
+    <b-col>
+      <!-- FIXME not sure about rendering html -->
+      <div v-html="text" />
+    </b-col>
   </b-row>
 </template>
 

app/src/views/_partials/ErrorDisplay.vue

@@ -21,7 +21,9 @@
 
       <p>
         <strong v-t="'api_error.error_message'" />
-        <b-alert class="mt-2" variant="danger" v-html="error.message" />
+        <b-alert class="mt-2" variant="danger">
+          <div v-html="error.message" />
+        </b-alert>
       </p>
 
       <template v-if="error.traceback">

app/src/views/_partials/WarningDisplay.vue

@@ -1,7 +1,9 @@
 <template>
   <!-- This card receives style from `ViewLockOverlay` if used inside it -->
   <div>
-    <b-card-body body-class="alert alert-warning" v-html="warning.text" />
+    <b-card-body body-class="alert alert-warning">
+      <div v-html="warning.text" />
+    </b-card-body>
 
     <b-card-footer footer-bg-variant="warning">
       <b-button