Having a basic tutorial or example Gadget using Codex would give community developers a basic project outline they could follow.
As far as code organization is concerned, I'd recommend the following:
- A top-level init.js file that serves as the PackageFiles entry point; this file would be in charge of mounting your Vue app to the appropriate part of the page, etc
- An App.vue component (which gets mounted in the above file) that pulls in any other necessary components
- Other components in single-file component (.vue) format. The script part should define module.exports = { /* vue component options */ }
- Other stand-alone JS and CSS files as necessary. Examples of LESS usage inside SFCs (pulling in design tokens, etc) would be ideal.
This info would need to be published in the appropriate location on-wiki (where Gadget authors could find it easily).