feat: hide devtools when printing

[anbraten]

Currently when printing a page in dev-mode with nuxt the holder to open the dev-tools will be printed as well which often results in additional empty pages containing just the holder.

Please let me know if I should adjust the approach to something else.

[antfu]

How about doing it with CSS directly?

[anbraten]

Sure that would work as well. Any preferences where I should add it. Would add

@media print {
  #nuxt-devtools-container {
    display: none;
  }
}

[antfu]

You can put it here:

devtools/packages/devtools/src/runtime/plugins/view/Main.vue

Line 558 in 101d7de

</style>

[anbraten]

Added it to the suggested place and seems to work.