DEV Community

Cover image for Nuxt State Monitor
Cloud Nine
Cloud Nine

Posted on

1

Nuxt State Monitor

Nuxt State Monitor is a lightweight Nuxt open-source module that allows to monitor and edit all variables stored in Nuxt's native state, including custom data of any type. This is useful for debugging, managing state, and keeping track of custom runtime data in a seamless and developer-friendly way.

Features

  • 📊 State Monitoring: Real-time monitoring of all Nuxt native states.
  • 🔧 State Editing: Dynamically edit the state directly from the UI.
  • 🔍 Custom Data Monitoring: Watch and manage custom data objects and variables.
  • 📂 State Import/Export: Effortlessly import and export state data for debugging or sharing.
  • ⚡ Zero Configuration: Minimal setup and configuration needed.
  • 💻 Developer-Friendly UI: A sleek and intuitive UI to track and manage states.

Installation

npx nuxi@latest module add nuxt-state-monitor

Usage

Add the component in App.vue to enable the monitor globally, or in single pages if you want to keep track of custom data also (optional).

<NuxtStateMonitor custom-data="additional"/>

GitHub: https://github.com/Laravel42/nuxt-state-monitor

Billboard image

Use Playwright to test. Use Playwright to monitor.

Join Vercel, CrowdStrike, and thousands of other teams that run end-to-end monitors on Checkly's programmable monitoring platform.

Get started now!

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay