HTML syntax fixes

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Event/FullAddressAutoComplete.vue

@@ -3,9 +3,8 @@
     <div class="">
       <o-field
         :label-for="id"
-        expanded
         :message="fieldErrors"
-        :type="{ 'is-danger': fieldErrors }"
+        :variant="{ danger: fieldErrors }"
         class="!-mt-2"
         :labelClass="labelClass"
       >
@@ -32,7 +31,6 @@
           v-model="queryText"
           :placeholder="placeholderWithDefault"
           :customFormatter="(elem: IAddress) => addressFullName(elem)"
-          :loading="isFetching"
           :debounceTyping="debounceDelay"
           @typing="asyncData"
           :icon="canShowLocateMeButton ? null : 'map-marker'"

js/src/components/Local/CloseContent.vue

@@ -24,7 +24,7 @@
         @click="scrollLeft"
         class="absolute inset-y-0 my-auto z-10 rounded-full bg-white dark:bg-transparent w-10 h-10 border border-shadowColor -left-5"
       >
-        <div class="">&lt;</div>
+        <span class="">&lt;</span>
       </button>
     </div>
     <div class="overflow-hidden">
@@ -41,7 +41,7 @@
         @click="scrollRight"
         class="absolute inset-y-0 my-auto z-10 rounded-full bg-white dark:bg-transparent w-10 h-10 border border-shadowColor -right-5"
       >
-        <div class="">&gt;</div>
+        <span class="">&gt;</span>
       </button>
     </div>
   </div>

js/src/components/Local/CloseGroups.vue

@@ -29,9 +29,7 @@
         v-for="group in selectedGroups"
         :key="group.id"
         :group="group"
-        :view-mode="'column'"
-        :minimal="true"
-        :has-border="true"
+        :mode="'column'"
         :showSummary="false"
       />
 

js/src/components/Local/OnlineEvents.vue

@@ -19,9 +19,7 @@
         v-for="event in events?.elements"
         :key="event.id"
         :event="event"
-        view-mode="column"
-        :has-border="true"
-        :minimal="true"
+        mode="column"
       />
       <more-content
         :to="{

js/src/components/Search/EventMarkerMap.vue

@@ -11,8 +11,7 @@
       <event-card
         v-if="instanceOfIEvent(activeElement)"
         :event="(activeElement as IEvent)"
-        :has-border="false"
-        view-mode="column"
+        mode="column"
         :options="{
           isRemoteEvent: activeElement.__typename === 'EventResult',
           isLoggedIn,
@@ -21,8 +20,7 @@
       <group-card
         v-else
         :group="(activeElement as IGroup)"
-        :has-border="false"
-        view-mode="column"
+        mode="column"
         :isRemoteGroup="activeElement.__typename === 'GroupResult'"
         :isLoggedIn="isLoggedIn"
       />
@@ -34,8 +32,7 @@
       <event-card
         v-if="instanceOfIEvent(activeElement)"
         :event="(activeElement as IEvent)"
-        view-mode="column"
-        :has-border="false"
+        mode="column"
         :options="{
           isRemoteEvent: activeElement.__typename === 'EventResult',
           isLoggedIn,
@@ -44,8 +41,7 @@
       <group-card
         v-else
         :group="(activeElement as IGroup)"
-        :has-border="false"
-        view-mode="column"
+        mode="column"
         :isRemoteGroup="activeElement.__typename === 'GroupResult'"
         :isLoggedIn="isLoggedIn"
       />