feat: show drawing on overviews

slidevjs · Sep 13, 2021 · c34b0e4 · c34b0e4
1 parent c1f6a93
commit c34b0e4
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/packages/client/internals/DrawingPreview.vue b/packages/client/internals/DrawingPreview.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { drawingState } from '../logic/drawings'
+
+defineProps<{page: number}>()
+</script>
+
+<template>
+  <svg
+    v-if="drawingState[page]"
+    ref="svg"
+    class="w-full h-full absolute top-0 pointer-events-none"
+    v-html="drawingState[page]"
+  ></svg>
+</template>
diff --git a/packages/client/internals/SlidesOverview.vue b/packages/client/internals/SlidesOverview.vue
@@ -6,6 +6,7 @@ import { go as goSlide, rawRoutes } from '../logic/nav'
 import { getSlideClass } from '../utils'
 import SlideContainer from './SlideContainer.vue'
 import SlideWrapper from './SlideWrapper'
+import DrawingPreview from './DrawingPreview.vue'
 
 const emit = defineEmits([])
 const props = defineProps<{ modelValue: boolean }>()
@@ -59,6 +60,7 @@ const cardWidth = computed(() => {
             :clicks-disabled="true"
             class="pointer-events-none"
           >
+            <DrawingPreview :page="+route.path" />
             <SlideWrapper
               :is="route?.component"
               :clicks-disabled="true"