From 3fb60025b22cb92b4a15f7c36bc345e045fb34f8 Mon Sep 17 00:00:00 2001
From: sronveaux <s.ronveaux@biodiversity.be>
Date: Fri, 17 Nov 2023 11:25:37 +0100
Subject: [PATCH] Updated deprecated-in-Vue3 slot and slot-scope attributes

---
 app-starter/WguAppTemplate.vue     | 23 ++++++++++++++++-------
 src/components/ol/HoverTooltip.vue |  3 ++-
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/app-starter/WguAppTemplate.vue b/app-starter/WguAppTemplate.vue
index 4e418ec2..2e68baf6 100644
--- a/app-starter/WguAppTemplate.vue
+++ b/app-starter/WguAppTemplate.vue
@@ -5,11 +5,21 @@
 
     <wgu-app-header>
       <!-- forward the slots of AppHeader -->
-      <slot name="wgu-tb-start" slot="wgu-tb-start" />
-      <slot name="wgu-tb-after-title" slot="wgu-tb-after-title" />
-      <slot name="wgu-tb-before-auto-buttons" slot="wgu-tb-before-auto-buttons" />
-      <slot name="wgu-tb-after-auto-buttons" slot="wgu-tb-after-auto-buttons" />
-      <slot name="wgu-tb-end" slot="wgu-tb-end" />
+      <template v-slot:wgu-tb-start>
+        <slot name="wgu-tb-start" />
+      </template>
+      <template v-slot:wgu-tb-after-title>
+        <slot name="wgu-tb-after-title" />
+      </template>
+      <template v-slot:wgu-tb-before-auto-buttons>
+        <slot name="wgu-tb-before-auto-buttons" />
+      </template>
+      <template v-slot:wgu-tb-after-auto-buttons>
+        <slot name="wgu-tb-after-auto-buttons" />
+      </template>
+      <template v-slot:wgu-tb-end>
+        <slot name="wgu-tb-end" />
+      </template>
     </wgu-app-header>
 
     <slot name="wgu-after-header" />
@@ -29,8 +39,7 @@
         <wgu-map />
         <!-- layer loading indicator -->
         <wgu-maploading-status />
-        <slot name="wgu-after-map">
-        </slot>
+        <slot name="wgu-after-map" />
         <!-- Portal to overlay the map content from an application module -->
         <portal-target name="map-overlay" />
         <wgu-app-logo />
diff --git a/src/components/ol/HoverTooltip.vue b/src/components/ol/HoverTooltip.vue
index ae0bf432..7f9f0748 100644
--- a/src/components/ol/HoverTooltip.vue
+++ b/src/components/ol/HoverTooltip.vue
@@ -10,8 +10,9 @@
     :autoPanDuration="250"
     positioning="top-center"
     :offset="[0, 20]"
+    v-slot="{feature, hoverAttribute}"
   >
-    <v-sheet slot-scope="{feature, hoverAttribute}" v-if="feature"
+    <v-sheet v-if="feature"
     class="pa-2 text-center" max-width=200 >
       {{ feature.get(hoverAttribute) }}
     </v-sheet>