Skip to content

Demo ​

The demo/ folder contains a ready-to-run Vue 3 app that exercises the full feature set of @macrulez/vue-command-palette — not just what the on-site live demo (the "Demo" tab above) covers.

What the demo includes:

  • Two independent palette instances on one page — the default one (⌘K / Ctrl+K) and a second, named "quick" instance (⌥J / Alt+J) with its own commands and localized labels
  • The full command catalog: nested sub-commands (including a two-level-deep Git → Branches), an async page.onSearch, a secondary-actions menu (Tab), destructive commands behind a confirm step, dynamically disabled commands, and an async group-level search
  • Two prefix modes — > restricts the search to command names only, @ searches a small people list asynchronously
  • A live theme switcher (light/dark/system) and a toast notification for every executed command
bash
git clone https://github.com/macrulezru/vue-command-palette.git
cd vue-command-palette
npm install --prefix demo
npm run demo

Opens at http://localhost:5173.