shared vue modules (components & other code)

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

From https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/15587#note_48824789

current vue_shared structure is for shared standalone components/mixins/directives. But for modules there are sometimes components that have mixins (or a store) that is only used by those components. We don't want all of that to be shared, just to be able to reuse the component.

Current situation:

vue_shared
  components
    commit.vue
    note_edited_text.vue <- these note_* components are related, NOT related to commit.vue component
    note_header.vue
  store
    actions.js
    getters.js   <- these are not shared - ONLY used by notes components

Can possibly make a parent folder for related code, i.e vue_shared/<module_name>/*. This has components, mixins, store etc.

But if we are doing this, do we even need vue_shared for it? Could it go in top-level javascripts folder? Does having vue_shared means that all the other code cannot be reused outside of page-level apps?

Edited by 🤖 GitLab Bot 🤖