Updated deprecated-in-Vue3 slot and slot-scope attributes

wegue-oss · Nov 17, 2023 · 3fb6002 · 3fb6002
1 parent 8571561
commit 3fb6002
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 8 deletions.
diff --git 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
@@ -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>