When a feature flag is enabled, a user should see, and be able to use ScopedTypeaheadSearch to find different kinds of entities on Wikidata.
Prerequisites:
- feature flag already exists ($wgWBRepoSettings['tmpEnableScopedTypeaheadSearch']) (T384735)
- there is a visually-identical CSS-only version of scoped search that the Vue component can be mounted to (T384943)
- there is a working prototype of the ScopedTypeaheadSearch component (T384730)
Acceptance Criteria
- when $wgWBRepoSettings['enableEntitySearchUI'] and $wgWBRepoSettings['tmpEnableScopedTypeaheadSearch'] are enabled, interacting with the search causes the ScopedTypeaheadSearch Vue component to mount. It seemlessly takes the place of the CSS-only version
- styling is identical to the CSS-only version from T384943
- the component is fully usable via keyboard
- The component has the functionality worked out in the standalone prototype (T384730)
- All entity types are listed in the Select dropdown
- TypeaheadSearch suggestions are limited by the selected scope
- Typing a prefix updates the selected scope, and scopes the search
- Selecting a different scope after typing a prefix overrides the prefix scope. The prefix is then treated as plain input text
- clicking one of the suggestions loads the page for that entity