plugin tabs--option to render and use v-show vs. v-if?

[kwesterfeld2]

I'd like to use the tabs component but want to support printing. Because the secondary tabs are not rendered, dropping out with v-if here: https://github.com/sapphi-red/vitepress-plugins/blob/main/packages/vitepress-plugin-tabs/src/client/PluginTabsTab.vue, its not possible to see non-selected tab content when printing.

This is an issue for us because we actually render the entire site to PDF during our build process, as a way to allow users to download an offline content to use. For that case, we would like to render all tabs and handle print display with media queries.

[sapphi-red]

I'm open with having that feature. Feel free to open a PR.
Maybe v-if="selected === label && isPrint" with const isPrint = computed(() => matchMedia('print')) would work.

[kwesterfeld2]

Thanks, will make a PR soon

I was thinking about the same thing on implementation, but I think you mean:

• v-if="selected === label || isPrint" (ie. render if selected or printing)
• matchMedia('print').matches
  etc.