michihiko-karino / vue3-flash-message

Vue3にビルトインされている機能だけでフラッシュメッセージを実装する

Zenn Link: WIP

目指すところ

https://vuetifyjs.com/ja/components/snackbars/#section-4f7f304465b9

↑の実装にように画面上のFixedな位置にふわっと表示されるメッセージコンポーネントを表示する。

• 表示されるメッセージは常に1つ。古いのは残さずに上書きされる
• 文字列を表示できるようにする
• 時間経過、もしくは新しいメッセージが表示イベントが発生したら古いメッセージは消える