chore: consolidate new foundation and archive v1 (#1495)
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
---
|
||||
name: slide-hooks
|
||||
description: Lifecycle hooks for slide components
|
||||
---
|
||||
|
||||
# Slide Hooks
|
||||
|
||||
Lifecycle hooks for slide components.
|
||||
|
||||
## Available Hooks
|
||||
|
||||
```ts
|
||||
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
|
||||
Reference in New Issue
Block a user