なぜ Vue OTP Pro？
ほとんどのOTP入力ライブラリは基本的な <input> を提供するだけで、スタイリング、アクセシビリティ、エッジケースはすべて自分で対応する必要があります。Vue OTP Pro はすべてをビルトインで提供します。
11テーマ
ミニマルなアンダーラインから輝くネオンまで — テーマを選んですぐにリリース。
バグフリー
v-model部分同期、IME入力、ペースト処理の既知の問題を修正。
モバイル対応
iOS SMS自動入力、Androidペースト、中国語IME — すべて正しく処理。
~3 KB
競合より小さく、機能は豊富。Tree-shakeable。
Composable API
useOtp() composable でカスタムOTP UIをゼロから構築。
アクセシブル
ARIAラベル、role=group、キーボードナビ。スクリーンリーダーテスト済み。
比較
| Feature | Vue OTP Pro | vue3-otp-input |
|---|---|---|
| Built-in themes | 11 themes | None (BYO CSS) |
| Color variants | 5 variants | None |
| Size presets | 4 sizes (sm-xl) | None |
| Animations | Pop, shake, pulse | None |
| CSS custom properties | Full theming API | None |
| Separator slot | Yes | String only |
| IME / Chinese input | Handled | Broken |
| Partial v-model sync | Works | Broken |
| Paste delimiter strip | Auto-filtered | Not handled |
| Readonly mode | Yes | No |
| ARIA accessibility | Built-in | None |
| TypeScript | Full types exported | Partial |
| Composable API | useOtp() | None |
| Per-input classes | Array or function | Array only |
| AI / LLM docs | llms.txt included | None |
| Gzipped size | ~3 KB | ~5 KB |
詳細な比較
PrimeVue、Syncfusion、vue3-otp-input、@healerlab との詳細なライブラリ比較をご覧ください。