agent-skills/skills/slidev/references/api-slide-hooks.md

name, description

name	description
slide-hooks	Lifecycle hooks for slide components

Slide Hooks

Lifecycle hooks for slide components.

Available Hooks

import { onSlideEnter, onSlideLeave, useIsSlideActive } from '@slidev/client'

const isActive = useIsSlideActive()

onSlideEnter(() => {
  // Called when slide becomes active
})

onSlideLeave(() => {
  // Called when slide becomes inactive
})

Important

Do NOT use onMounted / onUnmounted in slides - component instance persists even when slide is inactive.

Use onSlideEnter and onSlideLeave instead.

Use Cases

• Start/stop animations
• Play/pause media
• Initialize/cleanup resources
• Track analytics