{"repo":"MvdZon/Vue3-log-arsenal","free":true,"listed":false,"github":"https://github.com/MvdZon/Vue3-log-arsenal","clone":"git clone https://github.com/MvdZon/Vue3-log-arsenal.git","description":"An arsenal of logging directives to improve the debugging experience of Vue3 applications","language":"JavaScript","stars":37,"topics":["console","debugging","developer-tools","directive","logging","vue","vue-directive","vue3"],"license":null,"category":"dev-tools","readme_excerpt":"Vue Log Arsenal Vue Log Arsenal is a lightweight plugin that equips your Vue 3 app with an arsenal of logging directives for faster, easier debugging. In many Vue projects, you can end up spending more time than you’d like digging through Devtools to track down a specific piece of data. Or when you’re fixing a bug, you might repeatedly check the value of a property when you’d rather just see it instantly where and when it matters. Vue Log Arsenal solves that by letting you drop a directive in your template and get the data you need right in the console — no more messy console.log calls scattered through your code. Directives Directive Description ----------- ------------- v-log Logs all reactive and computed properties in the component when the element is loaded in the DOM. v-log.propertyName Logs the specified reactive property or computed value when the element is loaded in the DOM. v-log-change Logs all reactive and computed properties whenever a value within the component changes. v-log-change.propertyName Logs the specified property or computed value when its value changes. v-log-click Logs all reactive and computed properties in the component when the element is clicked. v-log-click.propertyName Logs the specified property or computed value when the element is clicked. Installation Register it in your Vue 3 project: Examples 1. v-log-change You have a totalPrice property that updates whenever items are added or removed from an input in a form: Now, every time totalPrice","default_branch":null,"files":null,"tree":[],"storefront":"/r/MvdZon","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/MvdZon/Vue3-log-arsenal/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}