Vue Inspector Agnostic

Why I create this?

I like Vue Inspector for Vite. However, I'm currently working on a Chrome extension called Automa that uses Webpack as its bundler. So, I can't use it. So, I created this package that can be used for any bundler.

How to use it?

Install:

npm i vue-inspector-agnostic

Place it in main.js like this:

import { createApp } from 'vue';
import App from './App.vue';
import inspector from 'vue-inspector-agnostic'

createApp(App)
  .use(inspector)
  .mount('#app');

How to run Inspector?

Press k in body.

If page title contains [dev] at first place, Inspector is active.

Screenshot