The latest articles on DEV Community by Mirax (@mirazex). https://dev.to/mirazex https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F536871%2F2410b4b2-cffa-4a62-9567-b490b045b493.jpeg https://dev.to/mirazex en Mirax Sat, 02 Jan 2021 14:13:04 +0000 https://dev.to/mirazex/vueoverlaytools-vue-3-5cn8 https://dev.to/mirazex/vueoverlaytools-vue-3-5cn8 <p>I like Vue, but latest release (Vue 3) is working only with new vue-devtools version and there is no Vuex at this moment. And I must to create a temporary solution for this problem - <code>vuex-overlay-tool</code>.</p> <p><strong>Vuex Overlay Tool</strong> plugin for <strong>Vue 3</strong> provides monitoring of the state in the store with feature from <code>vue-devtools</code> - <strong>time-travel</strong>.</p> <p>After installation you will have a button on the page<br> <a href="https://camo.githubusercontent.com/9e7544ac98ba611fd842a454ca43c886abd982900500035e2684237bc5fd1d7e/68747470733a2f2f692e696d6775722e636f6d2f59634464764a732e706e67" class="article-body-image-wrapper"><img src="https://camo.githubusercontent.com/9e7544ac98ba611fd842a454ca43c886abd982900500035e2684237bc5fd1d7e/68747470733a2f2f692e696d6775722e636f6d2f59634464764a732e706e67" alt="" width="1280" height="675"></a></p> <p>when you click on this button, the overlay-panel will open for you</p> <h3> Previews </h3> <h6> <code>State Overview</code> </h6> <p><a href="https://camo.githubusercontent.com/f94a03a2264e24d3d467ecdbd3c12eb8d3db0f624a122aaa8ed1490082e2be1f/68747470733a2f2f692e696d6775722e636f6d2f4378464c3244762e676966" class="article-body-image-wrapper"><img src="https://camo.githubusercontent.com/f94a03a2264e24d3d467ecdbd3c12eb8d3db0f624a122aaa8ed1490082e2be1f/68747470733a2f2f692e696d6775722e636f6d2f4378464c3244762e676966" alt="" width="1280" height="675"></a></p> <h6> <code>Getters Overview</code> </h6> <p><a href="https://camo.githubusercontent.com/624fcdc38abc9b0db9b1c62259665ca9c2c636088fecafaf6cb04f8714613f1f/68747470733a2f2f692e696d6775722e636f6d2f664a42576f37332e706e67" class="article-body-image-wrapper"><img src="https://camo.githubusercontent.com/624fcdc38abc9b0db9b1c62259665ca9c2c636088fecafaf6cb04f8714613f1f/68747470733a2f2f692e696d6775722e636f6d2f664a42576f37332e706e67" alt="" width="1280" height="700"></a></p> <h6> <code>Mutations History</code> </h6> <p><a href="https://camo.githubusercontent.com/fee7cfca4d06918d1dc1750ca6d16cc2fb4f0c03c31c514799e6d46e807ae63f/68747470733a2f2f692e696d6775722e636f6d2f467869426a4b4a2e706e67" class="article-body-image-wrapper"><img src="https://camo.githubusercontent.com/fee7cfca4d06918d1dc1750ca6d16cc2fb4f0c03c31c514799e6d46e807ae63f/68747470733a2f2f692e696d6775722e636f6d2f467869426a4b4a2e706e67" alt="" width="1280" height="700"></a></p> <p><a href="https://www.npmjs.com/package/vuex-overlay-tools">Link to package</a></p> vue vue3 vuex utility