Greptile Summary

This PR makes two focused improvements to the Search gallery view: it triggers fetchRoms() on Search.vue mount (so the gallery is populated immediately on navigation), and it fully resets search state (initialSearch = false + a filterRoms event emission) when the user clears the search input in SearchTextField.vue.

Key changes:

• Search.vue — onMounted now calls fetchRoms(), relying on the fact that the child SearchTextField.vue always runs its onMounted first (calling resetGallery() / romsStore.reset()), guaranteeing a clean state before the fetch fires.
• SearchTextField.vue — clearInput() now emits "filterRoms", null (as all other filter-change paths already do), which causes FilterDrawer/Base.vue's debounced onFilterChange to reset pagination and call romsStore.fetchRoms(false). It also explicitly sets initialSearch = false, ensuring the template correctly shows <EmptySearch> (rather than <EmptyGame>) when the search box is empty and no results are present.
• Clearing the input no longer silently leaves the gallery in a stale state — the gallery now re-fetches with no search term, showing all available roms (or <EmptySearch> if there are none).

Confidence Score: 5/5

• This PR is safe to merge — changes are minimal, well-scoped, and consistent with existing patterns in the codebase.
• Both changes are small and follow established patterns. The mount-time fetch relies on Vue's guaranteed child-before-parent onMounted ordering, so romsStore.reset() always runs before the fetch. The clearInput additions match how every other filter-change path in the codebase works (emit filterRoms → onFilterChange debounce → fetchRoms(false)). No new state paths, no risk of double-fetching (the null guard in SearchTextField.fetchRoms prevents the @update:model-value next-tick call from firing after clear). No regressions identified.
• No files require special attention.

Sequence Diagram

sequenceDiagram
    participant User
    participant Search.vue
    participant SearchTextField.vue
    participant FilterDrawer
    participant romsStore

    Note over Search.vue, SearchTextField.vue: View Mount
    SearchTextField.vue->>romsStore: reset() [child onMounted first]
    Search.vue->>romsStore: fetchRoms() [parent onMounted after]
    romsStore-->>Search.vue: roms loaded

    Note over User, romsStore: User types in search box
    User->>SearchTextField.vue: keyup.enter / model-value update
    SearchTextField.vue->>SearchTextField.vue: fetchRoms() — sets initialSearch=true
    SearchTextField.vue->>FilterDrawer: emit("filterRoms", null)
    FilterDrawer->>romsStore: resetPagination() + fetchRoms(false)
    romsStore-->>Search.vue: filtered roms loaded

    Note over User, romsStore: User clears the input
    User->>SearchTextField.vue: click:clear → clearInput()
    SearchTextField.vue->>SearchTextField.vue: searchTerm=null, initialSearch=false
    SearchTextField.vue->>FilterDrawer: emit("filterRoms", null)
    FilterDrawer->>romsStore: resetPagination() + fetchRoms(false)
    romsStore-->>Search.vue: all roms (no filter) loaded

_{Last reviewed commit: ea2532f}