Point-of-Vue - A Vue Devtool Plugin which brings advanced state debugging tools to the native Vue Composition API

Point-of-Vue - A Vue Devtool Plugin which brings advanced state debugging tools to the native Vue Composition API

Point-of-Vue - A Vue Devtool Plugin which brings advanced state debugging tools to the native Vue Composition API

Point-of-Vue is a Vue Devtool Plugin which brings advanced state debugging tools to the native Vue Composition API. Learn more about Point-of-Vue through our Medium article.

  • Displays the current state of your Vue application
  • Provides a time-line of all previous states for time-travel debugging
  • In-browser editing for edge-case testing

Homepage |
NPM

Install with Yarn or NPM

npm install point-of-vue

or

yarn add point-of-vue

Integrate into Vue App

// main.js
import { createApp } from 'vue'
import pointofvue from 'point-of-vue'

const app = createApp(App);

app.use(pointofvue);

Getting Started In Devtools

Accessing the State Panel:

Point-of-Vue - A Vue Devtool Plugin which brings advanced state debugging tools to the native Vue Composition API

Point-of-Vue Timeline:

Point-of-Vue - A Vue Devtool Plugin which brings advanced state debugging tools to the native Vue Composition API

Editing State Within Point-of-Vue:

Point-of-Vue - A Vue Devtool Plugin which brings advanced state debugging tools to the native Vue Composition API

Trouble shooting:

If Point-of-Vue isn’t showing up, click into the Components tab, then click back into Point-of-Vue tab in Devtools
Point-of-Vue - A Vue Devtool Plugin which brings advanced state debugging tools to the native Vue Composition API

Contribute to Point-of-Vue

Point of Vue is an open source project backed by tech incubator OSLabs and is primed for iteration. Contributions are not only welcome but highly recommended, we believe that every open source contribution makes the entire community that much better.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Features and improvements we’ve started or would like to see implemented:

  • Expanding functionality to include state created with Pinia

  • Expanding the edit feature to include the ability to edit deeply-nested state

  • Currently the user must first visit the Inspect Components tab of the Vue devtools to be able to access state in the Point-Of-Vue tab, a future improvement could avoid this minor inconvenience, improving the UX

Use a Consistent Coding Style (Airbnb)

We have our included our eslint setup in this repo to make this as painless as possible. Please also install the VS Code Eslint extension.

Authors

Will Robson | @wrobson5467
Shelby Neuman | @shelbydneuman
Tony Lei | @tonylei00
Tristen Francis | @TristenJF

License

Point of Vue is developed under the MIT License

GitHub

View Github

Leave a Reply

Your email address will not be published. Required fields are marked *

Instagram

Why do People Say: "Developers are Lazy"?
The saying “work smart, not hard” is applicable for programmers.
.
https://hackernoon.com/why-do-people-say-developers-are-lazy

.
Author: Aga Wozniak
.
.
.
.
.
#blog #100Daysofcode #javascript #vuejs #datascientist #peoplewhocode #learntocode #coding #developerlife #frontenddeveloper #backenddeveloper #fullstackdeveloper #developer #webdeveloper #thedevlife #phpdeveloper #computerscience #programmer #programmingisfun #codingdays
...

Mitigating the DDOS Threats Facing Banks and Fintechs
As much as digitization and cyber simplified banking, the Fintech sector has left digital payment activity exposed to malicious and suspicious activity.
.
https://hackernoon.com/mitigating-the-ddos-threats-facing-banks-and-fintechs

.
Author: Josh Horowitz
.
.
.
.
.
#blog #100Daysofcode #javascript #vuejs #datascientist #peoplewhocode #learntocode #coding #developerlife #frontenddeveloper #backenddeveloper #fullstackdeveloper #developer #webdeveloper #thedevlife #phpdeveloper #computerscience #programmer #programmingisfun #codingdays
...

24 Best JavaScript Blogs and Websites
In this overview, we have compiled a list of popular sites, as well as JS blogs that are worth reading and keeping in your bookmarks.
.
https://hackernoon.com/24-best-javascript-blogs-and-websites

.
Author: natashatsybliyenko
.
.
.
.
.
#blog #100Daysofcode #javascript #vuejs #datascientist #peoplewhocode #learntocode #coding #developerlife #frontenddeveloper #backenddeveloper #fullstackdeveloper #developer #webdeveloper #thedevlife #phpdeveloper #computerscience #programmer #programmingisfun #codingdays
...

The Projects Working to Lower Ethereum Gas Fees
As more investors try their hand at DeFi, gas fees are shooting over the roof, making engaging with decentralized apps uneconomical for most users.
.
https://hackernoon.com/ethereum-gas-fees-are-there-any-projects-working-to-optimize-eth-gas-fees

.
Author: CryptoVirally SLR
.
.
.
.
.
#blog #100Daysofcode #javascript #vuejs #datascientist #peoplewhocode #learntocode #coding #developerlife #frontenddeveloper #backenddeveloper #fullstackdeveloper #developer #webdeveloper #thedevlife #phpdeveloper #computerscience #programmer #programmingisfun #codingdays
...

On the Edge of a New Year: IT Predictions for 2022
The single biggest cause of network errors are people.
.
https://hackernoon.com/an-interview-with-uplogix-ceo-lisa-frankovitch

.
Author: Mignonette Garnier
.
.
.
.
.
#blog #100Daysofcode #javascript #vuejs #datascientist #peoplewhocode #learntocode #coding #developerlife #frontenddeveloper #backenddeveloper #fullstackdeveloper #developer #webdeveloper #thedevlife #phpdeveloper #computerscience #programmer #programmingisfun #codingdays
...

How to Modernize IBM i Applications
If you’re like most IBM i users, you know how much value your IBM i data and applications bring to your business. Your end-users, however, may not. In today’s world of rich user experience, fast-paced application development, and constantly evolving customer expectations, IBM i applications are unde…
.
https://hackernoon.com/how-to-modernize-ibm-i-applications

.
Author: Lansa
.
.
.
.
.
#blog #100Daysofcode #javascript #vuejs #datascientist #peoplewhocode #learntocode #coding #developerlife #frontenddeveloper #backenddeveloper #fullstackdeveloper #developer #webdeveloper #thedevlife #phpdeveloper #computerscience #programmer #programmingisfun #codingdays
...