devtools
devtools copied to clipboard
Exclude routes/print mode
We are using the Vite Plugin installation method and have a use case where certain routes are for printing only(no interaction); details/uuid/print. On these routes the dev tool still attaches itself resulting in the icon showing up.
It's a minor inconvenience but I was surprised there wasn't some way of handling this. Our current solution is to just hide it using CSS
@media print {
#__vue-devtools-container__ {
display: none;
}
}
I tried to reproduce this case but couldn't. In fact, we already have similar handling for this case in the code. See:
https://github.com/vuejs/devtools/blob/main/packages/overlay/src/App.vue#L309