croud-layout
Plugin
Step 1: Install plugin
yarn add croud-layout
Step 2: Add it to your project
Vue /* eslint-disable no-new */ el: '#app' template: '<croud-layout><App slot="content"/></croud-layout>' components: App store
Step 3: ????
Step 4: Profit :)
No Legacy SSO Auth
You can pass an additional option to disable legacy SSO auth
Vue
Moment
The croud-layout plugin will add vue-moment to your project. This will globally register the moment filter...
{{ date | moment('YYYY-MM-DD')}}
...and also add $moment to the Vue prototype...
//App.vuethis
See their docs for more examples.
Custom moment instance
You can pass in a custom moment instance to replace vue-moment's default instance by adding a moment object to the croud-layout plugin options
...Vue
Axios plugin
A drop in replacement for vue-resource
Basic usage
/* Main.js */...... ... { Vue }
Security Mixin
Croud-layout now includes the Security mixin that can make quick CRUD permission checks for the current user.
Basic Usage
mixins: Security { return permission: read: 'my-read-permission' custom: 'my-custom-permission' }
This will add a security object to your component that looks like this (if they have the correct permissions)...
create: false read: true update: false delete: false custom: true
Build Setup
# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build# build for production and view the bundle analyzer reportnpm run build --report# run unit testsnpm run unit# run all testsnpm test
For detailed explanation on how things work, checkout the guide and docs for vue-loader.