The chrome vue devtool does not have the same features as the native Vite plugin, such as component inspector and creating the image below. I already tested and its easy to install, but the problem is that there should be a toggle on and off if the developer wants to use the dev tools or not as vue dev tool adds like 20 seconds when running npm run dev and probably has some performance overhead, which sometimes you don't want.
Preq
Knowledge of Npm and environmental variables
How to implement
This will involve setting an environment variable and edit package.json to add an option to npm run dev to set an environmental variable to on.
Context
The chrome vue devtool does not have the same features as the native Vite plugin, such as component inspector and creating the image below. I already tested and its easy to install, but the problem is that there should be a toggle on and off if the developer wants to use the dev tools or not as vue dev tool adds like 20 seconds when running
npm run devand probably has some performance overhead, which sometimes you don't want.Preq
Knowledge of Npm and environmental variables
How to implement
This will involve setting an environment variable and edit
package.jsonto add an option tonpm run devto set an environmental variable to on.