Code in JS - Presentation Layer in Vue

Code in JS - Presentation Layer in Vue

The challenge with VueJS is that by default the methods aren't readily reusable. The entire component gets imported in order to use methods - it just doesn't really cut it for the level of class complexity we are going to. See Annotation Direction. While the new composition API may aim to solve some of this we think it's better to focus Vue on what it was meant for - the presentation layer.

Goal: All major logic that's not directly related to changing the user visible screen is in normal JS classes. See userscripts.ts and userscripts.vue as a rough example of this new direction.