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 |
| Region Filter | @gomagaming/region-filter | pnpm add @gomagaming/region-filter vue pinia vue-router vue-i18n @vueuse/core |
| Competition Filter | @gomagaming/competition-filter | pnpm add @gomagaming/competition-filter vue pinia vue-router vue-i18n @vueuse/core |
| Time Filter | @gomagaming/time-filter | pnpm add @gomagaming/time-filter vue pinia vue-router vue-i18n @vueuse/core |
| Top Competitions | @gomagaming/top-competitions | pnpm add @gomagaming/top-competitions vue pinia vue-router vue-i18n @vueuse/core |
| Competitions List | @gomagaming/competitions-list | pnpm add @gomagaming/competitions-list vue pinia vue-router vue-i18n @vueuse/core |
| Multi Banners | @gomagaming/multi-banners | pnpm add @gomagaming/multi-banners vue pinia vue-router vue-i18n @vueuse/core |
| Missions Hub | @gomagaming/missions-hub | pnpm add @gomagaming/missions-hub vue pinia vue-router vue-i18n @vueuse/core |
| Mission Details | @gomagaming/mission-details | pnpm add @gomagaming/mission-details vue pinia vue-router vue-i18n @vueuse/core |
| Suggested Bet | @gomagaming/suggested-bet | pnpm add @gomagaming/suggested-bet vue pinia vue-router vue-i18n @vueuse/core |
| Filters Settings | @gomagaming/filters-settings | pnpm add @gomagaming/filters-settings 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.