single-spa Vue Force Dev

About

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