Vue Log Arsenal - A plugin that adds directives for debugging Vue3

[MvdZon]

Hello,

I’d like to show my Vue 3 plugin, Vue Log Arsenal. This plugin was built to improve the debugging experience for Vue. It is especially useful for automatically tracking changes to a property. Or for logging the value of a property whenever an element is first loaded in the DOM (for example when a v-if evaluates to true). I use it daily myself and I find it helps me a lot, so I think it might be helpful to other Vue developers as well.

GitHub: https://github.com/MvdZon/Vue3-log-arsenal
Npm: https://www.npmjs.com/package/vue-log-arsenal

Features:

• v-log – Logs all reactive and computed properties in the component when the element is loaded in the DOM.
• v-log.propertyName – Logs only the specified property.
• v-log-change – Logs all reactive and computed properties in the component when any value changes.
• v-log-change.propertyName – Logs only the specified property when it changes.
• v-log-click – Logs all reactive and computed properties that are in the component when this element is clicked.
• v-log-click.propertyName – Logs only the specified property when this element is clicked

It can be installed with 'npm install vue-log-arsenal'