@andrewcaires/vue-middleware

VueJS plugin for middleware

Usage no npm install needed!

<script type="module">
  import andrewcairesVueMiddleware from 'https://cdn.skypack.dev/@andrewcaires/vue-middleware';
</script>

README

npm downloads size language commit license

vue-middleware

VueJS plugin for middleware

Installation

npm i @andrewcaires/vue-middleware

Usage

import VueMiddleware from '@andrewcaires/vue-middleware';
import Vue from 'vue';
import VueRouter from 'vue-router';

import Home from '../Home.vue';

Vue.use(VueRouter);

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    meta: {
      middleware: 'log', // OR [ 'log' ]
    },
  },
];

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes,
});

Vue.use(VueMiddleware, {
  router,
  middlewares: {
    log: ({ to, next }) => {

      console.log(to.name);

      next();
    },
  },
});

Links

License