Global Search - Search Form (Vue Component)

UI Component

Current Code

HAML: https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/views/search/_form.html.haml

What to do

1. Implement #262060 (closed)
2. Add HTML ID to the existing HAML (this is where we will mount the Vue component)
3. Familiarize yourself with the components introduced by #262060 (closed)
4. Create Vue components that will be replacing the functionality (be sure to also import the components from step #3 into this "parent" component)
5. Remove the initializing call that mounted the components from step #3
6. Use shared Vuex store when initializing components created in step #4 in search/show/index.js
7. cleanup Can remove _filter.html.haml file: https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/views/search/_filter.html.haml