single-spa Vue Force Dev

Overview

A browser extension that forces all vue applications into dev mode. Works well together with single-spa.

A browser plugin that forces production builds of Vue applications into development mode to make them visible in the Vue Devtools. Optimized for use with single-spa, it handles multiple Vue instances and automatically scans and indexes them on single-spa change events. # Features ✨ - Forces Vue apps to run in development mode, enabling Vue Devtools. - Designed to work specifically with single-spa, managing multiple Vue app instances. - Automatically updates the list of Vue apps when single-spa change events occur, ensuring Vue Devtools detects the correct app instances. # Installation 📥 1. Install the plugin. 2. Make sure you have the Vue Devtools installed, as our plugin heavily depends on it. # Usage 🚀 1. After installing both the plugin and Vue Devtools, ensure Vue Devtools is open. 2. As you interact with your single-spa app, the plugin will automatically force Vue instances into development mode and update the app list within your devtools. # Limitations ⚠️ - This plugin is intended for development environments only and should not be used in production. - Some Vue apps might require additional configuration to be fully compatible with single-spa and this plugin. # Acknowledgements 🙏 The core idea and some of the source code for this extension was borrowed from vue-force-dev. Huge shoutout and big thanks to Lory Huang! # License 📄 This plugin is licensed under the MIT License and the source code is publicly available: https://github.com/adamsondavid/single-spa-vue-force-dev

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.1.0
Updated
July 2, 2025
Flag concern
Offered by
David Adamson
Size
40.26KiB
Languages
English
Developer
Email
david.adamson2304+chromewebstore@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Vue Devtools Toggle

5.0

Toggle between Vue Devtools v6 and v7

SafeFill - Reveals all hidden fields and secures autofill.

0.0

Makes all hidden input fields visible and prevents Autofill from filling them.

Enhanced Vue.js devtools

4.6

This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys

Vue.js devtools (beta)

3.8

DevTools browser extension for Vue.js

single-spa Inspector

5.0

A devtools panel for single-spa applications

ModResponse - Mock and replay API

4.5

Mock, modify, and replay API. Easy setup. No proxy needed. No code change required.

Vue.js devtools

2.6

Browser DevTools extension for debugging Vue.js applications.

InstaVue - debug VueJS app in an instant

5.0

InstaVue just like a x-ray for VueJS application, allows you to see components and its data in just one click. Even in production.

Vue.js devtools (v5)

4.4

This version is provided for legacy users and will not be updated in the future.

URL Webhook Clipper

5.0

Send URLs, notes, and files via webhook or Airtable with right-click context menu

Vue.js find components

0.0

Adds global helper function for finding Vue components (window.vueFind = querySelector for VDOM)

HubSpot Developer Mode Toggle

0.0

Toggles developerMode=true on HubSpot editor pages.