Global Search - Group/Project Filter (Vue Component)
UI Component
Current Code
HAML: https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/views/search/_filter.html.haml
Existing jQuery: https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/pages/search/show/search.js
What to do
- Add HTML ID to the existing HAML (this is where we will mount the Vue component)
- Remove
new Search()
initializing code found in https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/pages/search/show/index.js#L9 - Create Vue components that will be replacing functionality
- Use shared Vuex store when initializing components created in
step #3
in search/show/index.js - cleanup: Can remove the (now old) jQuery file https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/pages/search/show/search.js
Edited by Zack Cuddy