Add Terraform/Move icon, Make the <Tab /> component be crawlable an…

…d indexable by search engines by default (#2829)

* add

* Make the `<Tab />` component be crawlable and indexable by search engines by default

.changeset/funny-dancers-complain.md

@@ -0,0 +1,7 @@
+---
+'nextra-theme-blog': minor
+'nextra-theme-docs': minor
+'nextra': minor
+---
+
+Add Terraform/Move icon https://github.com/shuding/nextra/pull/2811 https://github.com/shuding/nextra/pull/2808

.changeset/long-dragons-shave.md

@@ -0,0 +1,7 @@
+---
+'nextra-theme-blog': minor
+'nextra-theme-docs': minor
+'nextra': minor
+---
+
+Make the `<Tab />` component be crawlable and indexable by search engines by default

examples/swr-site/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.

packages/nextra/src/client/components/tabs.tsx

@@ -113,10 +113,12 @@ function _Tabs({
 
 function Tab({
   children,
+  // For SEO display all the Panel in the DOM and set `display: none;` for those that are not selected
+  unmount = false,
   ...props
-}: ComponentProps<typeof HeadlessTab.Panel>): ReactElement {
+}: Omit<ComponentProps<typeof HeadlessTab.Panel>, 'static'>): ReactElement {
   return (
-    <HeadlessTab.Panel {...props} className="_rounded _pt-6">
+    <HeadlessTab.Panel {...props} unmount={unmount} className="_rounded _pt-6">
       {children}
     </HeadlessTab.Panel>
   )