Merge pull request #12 from CatsJuice/feature/auto-preview-on-share

feat: auto open preview when open a share link
CatsJuice · Jul 27, 2023 · f048c3d · f048c3d
2 parents 0eae04b + 1b107fd
commit f048c3d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/SvgPreviewer.vue b/src/components/SvgPreviewer.vue
@@ -5,8 +5,9 @@ import { download, svgCode2Url } from '~/utils/helper'
 
 interface Props {
   svgCode: string
+  openOnMount?: boolean
 }
-withDefaults(defineProps<Props>(), {})
+const props = withDefaults(defineProps<Props>(), {})
 
 const minGap = 20
 const $el = ref<HTMLElement>()
@@ -32,6 +33,9 @@ onMounted(() => {
     else if (hovered.value)
       preview()
   })
+
+  if (props.openOnMount)
+    preview()
 })
 
 useEventListener('resize', () => {

diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -145,6 +145,7 @@ function debugPane() {
     </ClientOnly>
     <SvgPreviewer
       v-if="svg"
+      :open-on-mount="!!shared"
       :svg-code="svg"
     />