From 3d826089779303ba98ebbd97c4f89b3e9cdf3914 Mon Sep 17 00:00:00 2001
From: sronveaux <s.ronveaux@biodiversity.be>
Date: Fri, 17 Nov 2023 13:12:30 +0100
Subject: [PATCH] Changed documentation according to new slot definition

---
 docs/reusable-components.md |  3 ++-
 docs/workshop.md            | 47 +++++++++++++++++++------------------
 2 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/docs/reusable-components.md b/docs/reusable-components.md
index 7055bb24..df8a0a81 100644
--- a/docs/reusable-components.md
+++ b/docs/reusable-components.md
@@ -77,8 +77,9 @@ The following example implements a customized tooltip to render an attribute of
   <wgu-map-overlay
     overlayId="my-custom-tooltip"
     :visible=false
+    v-slot="{feature}"
   >
-    <v-sheet slot-scope="{feature}"  v-if="feature"> 
+    <v-sheet v-if="feature">
       {{ feature.get('name') }}
     </v-sheet>
   </wgu-map-overlay>
diff --git a/docs/workshop.md b/docs/workshop.md
index 55b45568..86d2dd16 100644
--- a/docs/workshop.md
+++ b/docs/workshop.md
@@ -565,29 +565,30 @@ As you probably notice, there is currently no way to deactivate the drawing beha
 <template>
   <wgu-app-tpl>
 
-    <v-card
-      class="myCard"
-      slot="wgu-before-content"
-    >
-      <v-card-title>
-        Point Tool
-      </v-card-title>
-
-      <v-card-text>
-        This tool can add points to the map.
-      </v-card-text>
-
-      <v-card-actions>
-        <v-btn-toggle v-model="buttonValue">
-          <v-btn>
-            <v-icon dark>
-              mdi-star
-            </v-icon>
-          </v-btn>
-        </v-btn-toggle>
-      </v-card-actions>
-
-    </v-card>
+    <template v-slot:wgu-before-content>
+      <v-card
+        class="myCard"
+      >
+        <v-card-title>
+          Point Tool
+        </v-card-title>
+
+        <v-card-text>
+          This tool can add points to the map.
+        </v-card-text>
+
+        <v-card-actions>
+          <v-btn-toggle v-model="buttonValue">
+            <v-btn>
+              <v-icon dark>
+                mdi-star
+              </v-icon>
+            </v-btn>
+          </v-btn-toggle>
+        </v-card-actions>
+
+      </v-card>
+    </template>
   </wgu-app-tpl>
 </template>