vuex-dot/index.js

Simplifies two-way data binding and v-model usage on vuex state, providing full reactivity via generated setters/getters

const Target = require('./Target');
/**
 * returns Target instance with specified path
 * @param {string} path dotted path to target property of your component instance
 * @returns {Target}
 */
const take = path => new Target(path);
/**
 * returns Target instance with specified state path
 * @param namespace
 * @param path
 * @return {Target}
 */
const takeState = (namespace, path) => {
  if (typeof path === 'undefined') path = namespace;
  else path = `${namespace.replace('/', '.')}.${path}`;
  const fullPath = `$store.state.${path}`;
  return new Target(fullPath);
};
module.exports = { take, takeState };