Easy Settings

Vue application for using together with the Laravel 5 package - alexusmai/easy-settings

Installation

NPM

$ npm install laravel-vue-easy-settings --save

Usage

IF your App using Vuex store

import EasySettings from 'laravel-vue-easy-settings'
import store from './path-to-your-store/store'   // your Vuex store

Vue.use(EasySettings, {store})

ELSE you need create new vuex instance

import Vue from 'vue';
import Vuex from 'vuex';
import EasySettings from 'laravel-vue-easy-settings'

Vue.use(Vuex);

// create Vuex store, if you don't have it
const store = new Vuex.Store();

Vue.use(EasySettings, {store});

The application store module will be registered under the name 'esettings'

Now vue component is registered and you can use it in your app

<easy-settings-app></easy-settings-app>

Don't forget add a csrf token to head block in your Laravel view

<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">

Warning! Package use axios (Promise) - use babel-polyfill for ie11

The application uses the bootstrap 4 styles - (/src/assets/styles.scss) If your application already uses these styles, then you do not need to do anything extra.

Else - you can import styles

import '~laravel-vue-easy-settings/assets/styles.scss';