LedgerSelect (src/ledger/LedgerSelect.vue) uses a native <select>. Move it onto the shared generic SelectInput<T> (src/components/SelectInput.vue) so the ledger picker looks and behaves like the item (MarketTypeInput) and location (MarketLocationInput) pickers.
Proposed change
Render the ledger list through SelectInput with input / item slots.
Preserve the existing behavior: ledgers prop with useLedgersStore().ledgers fallback, and the system-ledger green styling (text-emerald-400) for the system ledger.
Acceptance criteria
LedgerSelect renders via SelectInput (no native <select>).
System ledger stays green; selection updates the model correctly.
npm run build passes.
Related
Companion to the MarketTypeInput → SelectInput refactor.
## Summary
`LedgerSelect` (`src/ledger/LedgerSelect.vue`) uses a native `<select>`. Move it onto the shared generic `SelectInput<T>` (`src/components/SelectInput.vue`) so the ledger picker looks and behaves like the item (`MarketTypeInput`) and location (`MarketLocationInput`) pickers.
## Proposed change
- Render the ledger list through `SelectInput` with `input` / `item` slots.
- Preserve the existing behavior: `ledgers` prop with `useLedgersStore().ledgers` fallback, and the `system-ledger` green styling (`text-emerald-400`) for the system ledger.
## Acceptance criteria
- [ ] `LedgerSelect` renders via `SelectInput` (no native `<select>`).
- [ ] System ledger stays green; selection updates the model correctly.
- [ ] `npm run build` passes.
## Related
Companion to the `MarketTypeInput` → `SelectInput` refactor.
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Summary
LedgerSelect(src/ledger/LedgerSelect.vue) uses a native<select>. Move it onto the shared genericSelectInput<T>(src/components/SelectInput.vue) so the ledger picker looks and behaves like the item (MarketTypeInput) and location (MarketLocationInput) pickers.Proposed change
SelectInputwithinput/itemslots.ledgersprop withuseLedgersStore().ledgersfallback, and thesystem-ledgergreen styling (text-emerald-400) for the system ledger.Acceptance criteria
LedgerSelectrenders viaSelectInput(no native<select>).npm run buildpasses.Related
Companion to the
MarketTypeInput→SelectInputrefactor.