@totominc/vue-console v1.0.0

vue-console-log

Debug your Vue templates using the console functions.

Install

1. yarn add @totominc/vue-console

2. Install the plugin:

import Vue from 'vue';
import VueConsolePlugin from '@totominc/vue-console';

Vue.use(VueConsolePlugin, {
  // Toggle the production tip emitted by the plugin in the console
  // (defaut: `true`)
  productionTip: false,
});

new Vue(App).$mount('#app');

Usage

In your Vue templates, you can use all console functions to log custom component data:

<template>
  <div id="basic-component">
    {{ console.log(name) }}
  </div>
</template>

<script>
  export default {
    data() {
      return {
        name: 'TotomInc',
      };
    },
  };
</script>

Contributing

Contributions and feedback are welcome, feel free to create PRs and issues.

You can run a demo server with yarn run serve.

License

See the MIT license file.