❤
npm
Sign UpSign In

vuex-getters-warning-plugin

1.1.3 • Public • Published

vuex-getters-warning-plugin

CircleCI version

A plugin for Vuex which dumps warning when accessing to non-existent getters.

Usage

import getterWarning from 'vuex-getters-warning-plugin';
 
const store = new Vuex.Store({
  plugins: [getterWarning()],
  state: {
    name: 'Alice',
  },
  getters: {
    nameWithHonorific(state) {
      return `Ms. ${state.name}`;
    },
  },
});

Once registerd it, you will get warning in the console when accessing to non-exsistent getters.

const age = vm.$store.getters.age;
// A nonexistent getter has been called: age

Options

logger Function

You can specify the logger called on warning. The logger receives the two arguments, a static message from this plugin and the called target key.

// even throw an error
 
const store = new Vuex.Store({
  plugins: [getterWarning({
    logger: (...args) => { throw new Error(args.join(' ')) },
  })],
  state: {
    name: 'Alice',
  },
  getters: {
    nameWithHonorific(state) {
      return `Ms. ${state.name}`;
    },
  },
});
 
const age = vm.$store.getters.age;
// Error: A nonexistent getter has been called: age

default: console.warn

silent Boolean

This can prevent installing this plugin.

const store = new Vuex.Store({
  plugins: [getterWarning({
    silent: process.env.NODE_ENV === 'production',
  })],
  state: {
    name: 'Alice',
  },
  getters: {
    nameWithHonorific(state) {
      return `Ms. ${state.name}`;
    },
  },
});
 
const age = vm.$store.getters.age;
// nothing dumps.

default: process.env.NODE_ENV === 'production'

Readme

Keywords

none

Package Sidebar

Install

npm i vuex-getters-warning-plugin

Repository

github.com/ymmooot/vuex-getters-warning-plugin

Homepage

github.com/ymmooot/vuex-getters-warning-plugin#readme

Weekly Downloads

84

Version

1.1.3

License

MIT

Unpacked Size

7.23 kB

Total Files

9

Last publish

Collaborators

  • ymmooot
Try on RunKit
Report malware