From bc6c0e0448145a553a3807756ec8988535dab707 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Fri, 28 Oct 2022 16:21:00 +0200
Subject: [PATCH] HTML syntax fixes

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/components/Event/FullAddressAutoComplete.vue |  4 +---
 js/src/components/Local/CloseContent.vue            |  4 ++--
 js/src/components/Local/CloseGroups.vue             |  4 +---
 js/src/components/Local/OnlineEvents.vue            |  4 +---
 js/src/components/Search/EventMarkerMap.vue         | 12 ++++--------
 5 files changed, 9 insertions(+), 19 deletions(-)

diff --git a/js/src/components/Event/FullAddressAutoComplete.vue b/js/src/components/Event/FullAddressAutoComplete.vue
index a38995467..7e4ebd1e2 100644
--- a/js/src/components/Event/FullAddressAutoComplete.vue
+++ b/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'"
diff --git a/js/src/components/Local/CloseContent.vue b/js/src/components/Local/CloseContent.vue
index 2089dcb5d..beb904776 100644
--- a/js/src/components/Local/CloseContent.vue
+++ b/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>
diff --git a/js/src/components/Local/CloseGroups.vue b/js/src/components/Local/CloseGroups.vue
index c2dd136f6..0f238baef 100644
--- a/js/src/components/Local/CloseGroups.vue
+++ b/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"
       />
 
diff --git a/js/src/components/Local/OnlineEvents.vue b/js/src/components/Local/OnlineEvents.vue
index fe3a0a56d..bf4036764 100644
--- a/js/src/components/Local/OnlineEvents.vue
+++ b/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="{
diff --git a/js/src/components/Search/EventMarkerMap.vue b/js/src/components/Search/EventMarkerMap.vue
index 0f47e0e5a..164042a6f 100644
--- a/js/src/components/Search/EventMarkerMap.vue
+++ b/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"
       />