docs: Show React tab on first visit

docs/.vitepress/theme/frameworksTabs.ts

@@ -0,0 +1,24 @@
+const localStorageKey = 'vitepress:tabsSharedState'
+const ls = typeof localStorage !== 'undefined' ? localStorage : null
+
+const getLocalStorageValue = (): Record<string, string> => {
+  const rawValue = ls?.getItem(localStorageKey)
+  if (rawValue) {
+    try {
+      return JSON.parse(rawValue)
+    } catch {}
+  }
+  return {}
+}
+
+const setLocalStorageValue = (v: Record<string, string>) => {
+  if (!ls) return
+  ls.setItem(localStorageKey, JSON.stringify(v))
+}
+
+export const setupFrameworksTabs = () => {
+  const v = getLocalStorageValue()
+  if (!v.frameworks) {
+    setLocalStorageValue({"frameworks":"React"})
+  }
+}

docs/.vitepress/theme/index.ts

@@ -3,6 +3,7 @@ import { h } from 'vue'
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import { enhanceAppWithTabs } from 'vitepress-plugin-tabs/client'
+import { setupFrameworksTabs } from './frameworksTabs'
 import './style.css'
 
 export default {
@@ -14,5 +15,8 @@ export default {
   },
   enhanceApp({ app, router, siteData }) {
       enhanceAppWithTabs(app)
+  },
+  setup() {
+    setupFrameworksTabs()
   }
 } satisfies Theme