feat: add easy-jyy Slidev theme

2026-08-29 18:59:41 +08:00
parent 33152a90dc
commit 5224d45994
23 changed files with 1875 additions and 0 deletions
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { onBeforeUnmount, onMounted } from 'vue'
+
+let observer: MutationObserver | undefined
+
+function enhanceImages(root: ParentNode = document) {
+  root.querySelectorAll<HTMLImageElement>('.slidev-layout img').forEach((image) => {
+    image.classList.add('easy-smart-image')
+    const fit = image.getAttribute('fit')
+    const position = image.getAttribute('position')
+    const maxHeight = image.getAttribute('max-height')
+    if (fit)
+      image.style.objectFit = fit
+    if (position)
+      image.style.objectPosition = position
+    if (maxHeight)
+      image.style.maxHeight = maxHeight
+  })
+}
+
+onMounted(() => {
+  enhanceImages()
+  observer = new MutationObserver(records => records.forEach(record => enhanceImages(record.target as ParentNode)))
+  observer.observe(document.body, { childList: true, subtree: true })
+})
+
+onBeforeUnmount(() => observer?.disconnect())
+</script>
+
+<template>
+  <span hidden aria-hidden="true" />
+</template>