VueJS plugin for creating pages with dynamic layouts
npm i @andrewcaires/vue-pages
import VuePages, { VuePagesOptions } from '@andrewcaires/vue-pages';
import Vue from 'vue';
import VueRouter from 'vue-router';
import Home from './pages/Home.vue';
import About from './pages/About.vue';
import DefaultLayouts from './layouts/DefaultLayouts.vue';
Vue.use(VueRouter);
Vue.use<VuePagesOptions>(VuePages, {
pages: {
Home,
About,
},
layouts: {
DefaultLayouts,
index: DefaultLayouts,
},
notfound: Home,
});
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes: Vue.$pages,
});