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.
- 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.
- Install the plugin from your browser's marketplace: Google Chrome
- Make sure you have the Vue Devtools installed, as our plugin heavily depends on it.
- After installing both the plugin and Vue Devtools, ensure Vue Devtools is open.
- 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.
- 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.
This plugin builds upon code from the vue-force-dev repository and includes modifications for compatibility with single-spa and dynamic/multiple Vue instances. The core idea and forcing mechanism were borrowed from vue-force-dev. Huge shoutout and big thanks to hzmming!
This plugin is licensed under the MIT License. See the LICENSE file for more information.