はじめに

最近、Slidevでプレゼン時間管理のためにウサギとカメを表示するというのを作っていた。
https://zenn.dev/kaakaa/articles/slidev-rabbit-turtle

screen shot

SlidevにはSlidev Addonという機能があり、自作のコンポーネントなどを使い回ししやすくする仕組みがあるらしい。
ウサギとカメも簡単に適用できるようにSlidev Addon化してみた。

使い方

Slidevプロジェクトを作成する (参考: Getting Started | Slidev)
作成したSlidevプロジェクトにAddonを適用する (参考: Use Addon | Slidev)
- npm install slidev-addon-rabbit
- package.json か SlidevのFrontmatterにAddonの設定を追記する

以上でAddonの適用は完了するらしい。簡単。

あとはnpm run devやnpm run buildでプレゼンを起動し、URL末尾に ?time=10 などを追加してプレゼン時間を設定するだけ。

Slidev Addonは、本当にSlidevプロジェクトの部分切り出しという感じだった。
あと、初npm公開だった。