Changed documentation according to new slot definition

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

Hide file tree

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