VueJs core

[UtkarshSiddhpura]

In your Proposal:

firstscreen implementation:

• basically six divs &
• methods: newUser, login, setupHistory, etc ...

How sugarizer starts?

• When user get to the root route "/":
• server will serve index.html from sugarizer repo which
• loads app.js (with the help of js/loader.js) which
• load Preferences see her
• either loads app = FirstScreen or app = Desktop see here
• then render app in canvas (of index.html)
• Here we've to find a way to render/mount Vue Component instead enyo here.

FirstScreen component

• You have to explain how your methods will be implemented to use data coming from server

• All the variable in app.js are globally available to use. all these which will get loaded and initiallized in app.js to use everywhere

• like in firstscreen.js we're using at line 81. (myserver)

• in homeview.js using at line 126, 242. (myserver & activities)

• So using all these global objects we can easily communicate with server via their methods like in homeview we got favourite activities list at line 242.

• now we can communicate with server using these object methods

• About components just replace enyo part

• Make template to define structure.

• Use pre-build vue components like icon and stuff.

props

how enyo passing props ?

• see line 29 homeview in componets[] we're passing props like size, ontap, etc
• For Vue just pass the same appropriate props to sub-components.

methods

• Try reusing all enyo methods in vue methods

• the methods which uses enyo "components" like

• 78 firstscreen we're using this.$.server.setValue(..) Not work in Vue

• So the appropriate components like SugarServer and method like setValue has to be implemented.

• This is what i understood, still starting implementing screen will test that this works or not!

• also idk this is actually what llaske requires us to do!