Playground for vue-search-input

vue-search-input is a Vue.js 3 search input component.
Inspired by the global search input of Storybook and GitHub, it gets focus by pressing the "/" key on the keyboard.

Examples

Storybook
Props
{
  "type": "search",
  "modelValue": "",
  "wrapperClass": "search-input-wrapper",
  "searchIcon": true,
  "shortcutIcon": true,
  "clearIcon": true,
  "hideShortcutIconOnBlur": true,
  "clearOnEsc": true,
  "blurOnEsc": true,
  "selectOnFocus": true,
  "shortcutListenerEnabled": true,
  "shortcutKey": "/"
}