devtools icon indicating copy to clipboard operation
devtools copied to clipboard

Exclude routes/print mode

Open RyanMulready opened this issue 11 months ago • 1 comments

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;
  }
}

RyanMulready avatar Jan 16 '25 16:01 RyanMulready

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

webfansplz avatar Feb 20 '25 14:02 webfansplz