stack/v1/packages/mosaic/framework/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