Installations
npm install @diotoborg/exercitationem-culpa
Developer Guide
Typescript
No
Module System
CommonJS
Node Version
20.17.0
NPM Version
10.8.2
Score
72
Supply Chain
100
Quality
86.2
Maintenance
100
Vulnerability
100
License
Releases
Contributors
Unable to fetch Contributors
Languages
JavaScript (100%)
Love this project? Help keep it running โ sponsor us today! ๐
Developer
diotoborg
Download Statistics
Total Downloads
4,842
Last Day
1
Last Week
310
Last Month
1,752
Last Year
4,842
GitHub Statistics
MIT License
2,310 Commits
1 Watchers
1 Branches
1 Contributors
Updated on Feb 19, 2025
Package Meta Information
Latest Version
3.4.79
Package Id
@diotoborg/exercitationem-culpa@3.4.79
Unpacked Size
183.50 kB
Size
94.97 kB
File Count
489
NPM Version
10.8.2
Node Version
20.17.0
Published on
Sep 01, 2024
Total Downloads
Cumulative downloads
Total Downloads
4,842
Last Day
-98%
1
Compared to previous day
Last Week
-18%
310
Compared to previous week
Last Month
-7.4%
1,752
Compared to previous month
Last Year
0%
4,842
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
29
Vue-Act-Master
A way to separate business logic from application view.
The easiest library to create a flexible application architecture.
๐ Documentation
๐งช Test writing with "ActTest"
Example
Installation
1npm install vue-@diotoborg/exercitationem-culpa
Usage
1// main.ts 2// install vue-@diotoborg/exercitationem-culpa plugin 3import Vue from 'vue'; 4import App from './App.vue'; 5 6import { VueActMaster } from 'vue-@diotoborg/exercitationem-culpa'; 7 8// Actions array 9import { actions } from '../act/actions'; 10 11Vue.use(VueActMaster, { 12 actions, 13}); 14 15new Vue({ 16 el: '#app', 17 render: (h) => h(App), 18});
1// ../act/actions 2export const actions: ActMasterAction[] = [ 3 new GetDataAction(), 4];
1// action-get-data.ts 2import { ActMasterAction } from 'vue-@diotoborg/exercitationem-culpa'; 3 4export class GetDataAction implements ActMasterAction { 5 name = 'GetData'; 6 7 async exec() { 8 const url = 'https://jsonplaceholder.typicode.com/todos/1'; 9 10 const response = await fetch(url); 11 return response.json(); 12 } 13}
The action is now available to you in components and you can easily highlight the business logic.
This will help you test components and change the API more easily.
1// App.vue 2 3<script> 4export default { 5 data() { 6 return { 7 myData: null, 8 }; 9 }, 10 11 async mounted() { 12 console.log(this.myData); // null 13 14 this.myData = await this.$act.exec('GetData'); 15 16 console.log(this.myData); 17 // { 18 // "userId": 1, 19 // "id": 1, 20 // "title": "delectus aut autem", 21 // "completed": false 22 // } 23 } 24} 25</script>

No vulnerabilities found.

No security vulnerabilities found.