A static config plugin.
yarn add vue-configuration
# or via npm:
npm i vue-configurationimport Vue from 'vue';
import VueConfig from 'vue-configuration';
import appConfig from './config.js';
// pass config object to the plugin
Vue.use(VueConfig, {
config: appConfig
});Access config values in any part of app using simple API:
this.$config.get('node');Use dot-notation for keys:
this.$config.get('node.child.leaf');Default values if value not set:
this.$config.get('node.child.leaf.empty', 'default');Replace config:
this.$config.replace({ new: 'data' });Test if path exists:
// obj = { a: 1 }
this.$config.has('a.b.c'); // false
this.$config.has('a'); // trueGet config object:
this.$config.all();config.js
export default {
facebook: {
apiToken: 'abc',
clientSecret: 'topsecret'
},
allowRegistration: true
};Get node:
this.$config.get('facebook');
// { apiToken: 'abc', clientSecret: 'topsecret' }Read Facebook's API token in component:
this.$config.get('facebook.apiToken');
// 'abc'Test if registration is open:
this.$config.get('allowRegistration');
// trueTest if login is available:
this.$config.get('allowLogin', false);
// oops, not defined! return "false" as default