Appearance
Widgets
Every public widget shipped by gomawt is documented here. Each page captures the element tag, config options, emitted events, theming, and embedding examples so consumers can integrate without reading the source.
Shipped widgets
| Widget | Package | Install |
|---|---|---|
| Events Horizontal | @gomagaming/events-horizontal | pnpm add @gomagaming/events-horizontal vue pinia vue-router vue-i18n @vueuse/core |
| Sports Navigation Horizontal | @gomagaming/sports-navigation-horizontal | pnpm add @gomagaming/sports-navigation-horizontal vue pinia vue-router vue-i18n @vueuse/core |
| Sports Navigation Dialog | @gomagaming/sports-navigation-dialog | pnpm add @gomagaming/sports-navigation-dialog vue pinia vue-router vue-i18n @vueuse/core |
| Betslip Floating | @gomagaming/betslip-floating | pnpm add @gomagaming/betslip-floating vue pinia vue-router vue-i18n @vueuse/core |
| Betslip Sidebar | @gomagaming/betslip-sidebar | pnpm add @gomagaming/betslip-sidebar vue pinia vue-router vue-i18n @vueuse/core |
| Game Details | @gomagaming/game-details | pnpm add @gomagaming/game-details vue pinia vue-router vue-i18n @vueuse/core |
goma-events-horizontal is the reference implementation for all future widgets. Its patterns (element class, App.vue wrapper, theming, topic subscription, betslip integration, demo page, VitePress docs, custom-elements.json) serve as the template when building new widgets.
Cross-widget guides
| Topic | Read |
|---|---|
| Choosing between (or combining) the horizontal and dialog sports pickers | Sports navigation — deployment scenarios |
Authoring convention
Whenever a widget is added, changed, or removed, its page under docs/widgets/ must be updated in the same change. See the project CLAUDE.md for the full rule.