Security News
The Unpaid Backbone of Open Source: Solo Maintainers Face Increasing Security Demands
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
@primitivesocial/ps-kernel
Advanced tools
A middleware system for Vue-router and Vuex
npm i @primitivesocial/ps-validation --save
In your app.js file, import the Vue router, Vuex and define the router as any vuex/vue-router app:
import store from './vuex/store' // vuex store instance
import router from './router' // vue-router instance
const router = new VueRouter(...);
Import the kernel and add it to the vue-router beforeEach hook.
import Kernel from "@primitivesocial/ps-kernel";
router.beforeEach((to, from, next) => {
let kernel = new Kernel(to, next, store);
kernel.run();
});
Middlewares are simply ES6 exported functions. The function accepts a destructred object as parameter, which contains the store instance, a next function and a redirect function. The redirect function accepts a route name as parameter.
//auth.js middleware file
export default function auth ({ store, redirect, next }){
if(!store.getters['user/id']){
return redirect('Login'); // 'Login' is the route name
}
//proceed the request
return next();
}
And in your route definitions, add it inside tge middleware meta field:
import auth from "./auth";
let routes = [
{
path: '/login',
component: Login,
name: 'Login'
},
{
path: '/dashboard',
component: Dashboard,
meta: {
middleware: [
auth,
]
},
},
]
The middleware meta field accepts an array, which means, you can add multiple middleware per route :fire: :fire:
Hey, I'm Elie Andraos, a web developer at Primitive Social. Pull requests are always welcome. For major changes, please open an issue first to discuss what you would like to change. You can also reach me out on twitter for any question!
FAQs
Middleware system with Vue Router and Vuex
We found that @primitivesocial/ps-kernel demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.
Security News
A developer is accusing Tencent of violating the GPL by modifying a Python utility and changing its license to BSD, highlighting the importance of copyleft compliance.