Global Search - Search Form (Vue Component)

UI Component

Screen_Shot_2020-10-05_at_10.16.15_AM

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
Edited by Zack Cuddy