From 7ca9d9485708d3073e0a9ae42737cddf7f9e1b36 Mon Sep 17 00:00:00 2001
From: Kurt Westerfeld <kurt@yellowbrick.io>
Date: Wed, 29 Jan 2025 09:13:56 -0500
Subject: [PATCH] fix: always render tabs and printing.

see: https://github.com/sapphi-red/vitepress-plugins/discussions/49
---
 packages/vitepress-plugin-tabs/src/client/PluginTabsTab.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/vitepress-plugin-tabs/src/client/PluginTabsTab.vue b/packages/vitepress-plugin-tabs/src/client/PluginTabsTab.vue
index b35b2c6..34138cf 100644
--- a/packages/vitepress-plugin-tabs/src/client/PluginTabsTab.vue
+++ b/packages/vitepress-plugin-tabs/src/client/PluginTabsTab.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
+import { computed } from 'vue'
 import { useTabsSingleState } from './useTabsSingleState'
 
 defineProps<{ label: string }>()
 
 const { uid, selected } = useTabsSingleState()
+
+const isPrint = computed<boolean>(() => typeof window !== 'undefined' && typeof window.matchMedia === 'function' && window.matchMedia('print')?.matches)
 </script>
 
 <template>
   <div
-    v-if="selected === label"
+    v-if="selected === label || isPrint"
     :id="`panel-${label}-${uid}`"
     class="plugin-tabs--content"
     role="tabpanel"