@andrewcaires/vue-pages

VueJS plugin for creating pages with dynamic layouts

Usage no npm install needed!

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

README

npm downloads size language commit license

vue-pages

VueJS plugin for creating pages with dynamic layouts

Installation

npm i @andrewcaires/vue-pages

Usage

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,
});

Links

License