Registry / web-framework / vue-inspector-agnostic

vue-inspector-agnostic

library1.0.0jsnpmunverified

A Vue inspector plugin that works with any bundler (Vite, Webpack, etc.) by injecting a component overlay triggered by pressing 'k'. Version 1.0.0. Unlike vite-plugin-vue-inspector which is Vite-only, this package uses a Vue plugin approach for universal compatibility. Best for debugging Vue apps in development mode, indicated by page title containing '[dev]'.

web-framework

npm install vue-inspector-agnostic

github ↗package ↗

INSTALL

IMPORT

SIG · VUE-INSPECTOR-AGNO

vue-inspector-agnostic

web-frameworkjavascriptv1.0.0

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default import (inspector)

✓ import inspector from 'vue-inspector-agnostic'

✗ import { inspector } from 'vue-inspector-agnostic'

The package exports a default function that is used as a Vue plugin.

Vue plugin usage (app.use)

✓ app.use(inspector)

✗ app.use(inspector())

Use it as a plugin with .use() on the Vue app instance.

CommonJS require

✓ const inspector = require('vue-inspector-agnostic').default

✗ const inspector = require('vue-inspector-agnostic')

The package is ESM-first; for CJS, access .default.

Demonstrates basic setup: import the default inspector, install it as a Vue plugin, and mount the app. Press 'k' to toggle the inspector.

import { createApp } from 'vue'; import App from './App.vue'; import inspector from 'vue-inspector-agnostic'; const app = createApp(App); app.use(inspector); app.mount('#app');

Debug

Known issues

gotchaInspector only activates when page title contains '[dev]' at the start. If title is missing or different, inspector won't work.

fix

Ensure your app sets document.title = '[dev] Your App' in development mode.

affects: >=1.0.0

gotchaHotkey 'k' conflicts with other keyboard shortcuts. It cannot be changed without modifying the source.

fix

Avoid using 'k' for other actions in your app, or fork the package.

affects: >=1.0.0

gotchaNo configuration options available. The inspector works out-of-the-box with no customization.

fix

Accept default behavior or fork the package for custom needs.

affects: >=1.0.0

Errors

Common errors & fixes

Cannot find module 'vue-inspector-agnostic'

Package not installed or npm cache issue.

fix

Run 'npm install vue-inspector-agnostic' and ensure it's in package.json.

Uncaught TypeError: inspector is not a function

Using wrong import style; default import expected.

fix

Use 'import inspector from 'vue-inspector-agnostic'' instead of named import or require without .default.

[Vue warn]: Failed to resolve component: inspector-layer

Inspector not correctly registered as a plugin.

fix

Ensure you call 'app.use(inspector)' after creating the app and before mounting.

Upgrade

Version history

1.0.0latest on npm

Audit

Dependencies

vuerequiredPeer dependency for Vue app usage

Agent activity

14 hits · last 30 days

node

OpenAI (training)

Resources

githubhttps://github.com/mzaini30/vue-inspector ↗

packagehttps://www.npmjs.com/package/vue-inspector-agnostic ↗