In /src/vue/components/, audit the relationships between the components. The objective is to find parent components and child components. Make a set of tree graphs of the relationships on paper and share it with the project manager (PM). There will also be a separate list of child components with more than one parent that won't be on the tree graph, like ExitBtn.
After consulting with the PM, organize /src/vue/components/ to reflect the structure of the audit:
Example:
A->{B->{C,D},E}
(A uses B and E, B uses C and D):
/src/vue/components/A/
/src/vue/components/A/A.vue
/src/vue/components/A/B
/src/vue/components/A/B/B.vue
/src/vue/components/A/B/C.vue
/src/vue/components/A/B/D.vue
/src/vue/components/A/E.vue
Components in the list with more than one parent go in /src/vue/components/common/
This process would be continued with every root component (components with no parents) in /src/vue/components/.
In /src/vue/components/, audit the relationships between the components. The objective is to find parent components and child components. Make a set of tree graphs of the relationships on paper and share it with the project manager (PM). There will also be a separate list of child components with more than one parent that won't be on the tree graph, like ExitBtn.
After consulting with the PM, organize /src/vue/components/ to reflect the structure of the audit: Example: A->{B->{C,D},E} (A uses B and E, B uses C and D): /src/vue/components/A/ /src/vue/components/A/A.vue /src/vue/components/A/B /src/vue/components/A/B/B.vue /src/vue/components/A/B/C.vue /src/vue/components/A/B/D.vue /src/vue/components/A/E.vue Components in the list with more than one parent go in /src/vue/components/common/
This process would be continued with every root component (components with no parents) in /src/vue/components/.