Any feedback regarding my Vue code is very much appreciated. (Vuex is not used in this PR)
For example...
The separation of application into components.
--> I created a total of three custom components and many props were handled in this application which may look a bit messy.
The usage of object option inside Vue instance (data(), computed(), watch()... etc)
Naming conventions for props.
--> All the props have the same name as the original data passed from its parent component. I was not sure if this is a good practice in terms of readability.
Is there anything different from the original master?
Not much.
The view (HTML + CSS) is all copied and pasted from the original master.
The business logic(JS) is 95% copied and pasted from the original master.
The only distinctive difference aside from the implementation of the framework is, restartGame function was removed because this logic is handled inside startGame function.
After PR is accepted...
I would like to introduce Vuex and manage data using store.
This resolves... #56
For example...
The separation of application into components. --> I created a total of three custom components and many props were handled in this application which may look a bit messy.
The usage of object option inside Vue instance (data(), computed(), watch()... etc)
Naming conventions for props. --> All the props have the same name as the original data passed from its parent component. I was not sure if this is a good practice in terms of readability.
Not much. The view (HTML + CSS) is all copied and pasted from the original
master
. The business logic(JS) is 95% copied and pasted from the originalmaster
. The only distinctive difference aside from the implementation of the framework is,restartGame function
was removed because this logic is handled insidestartGame function
.I would like to introduce Vuex and manage data using
store
.