Presentation with Custom Component

Build a Slidev presentation that includes a custom reusable component. The component should be automatically available without explicit imports.

Requirements

1. Create a Vue component named HighlightBox that displays content in a styled container
2. The component should accept a title prop (string)
3. The component should render content via default slot
4. Create a presentation with 2 slides that both use the HighlightBox component

Test Cases

• The HighlightBox component can be used in slides without imports @test
• The component accepts and displays a title prop @test
• The component renders slot content correctly @test

Implementation Files

@generates @generates

Project Structure

slides.md                    # Main presentation file
components/
  └── HighlightBox.vue      # Custom component

Example Usage

---
# Slide 1
---

<HighlightBox title="Important">
This is highlighted content
</HighlightBox>

---
# Slide 2
---

<HighlightBox title="Note">
Another highlighted section
</HighlightBox>

Dependencies { .dependencies }

@slidev/cli { .dependency }

Provides the presentation framework with component auto-import capabilities.