add changeset

.changeset/olive-donuts-work.md

@@ -0,0 +1,5 @@
+---
+'@primer/doctocat-nextjs': minor
+---
+
+Upgrade to Nextra@v3

packages/site/.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "eslint.options": {
+    "configFile": "eslint.config.cjs"
+  }
+}

packages/site/eslint.config.cjs

@@ -8,6 +8,13 @@ module.exports = {
     tsconfigRootDir: __dirname,
   },
   rules: {
+    'import/extensions': [
+      'error',
+      'ignorePackages',
+      {
+        js: 'always',
+      },
+    ],
     '@next/next/no-img-element': 'off',
     'primer-react/no-system-props': 'off',
   },

packages/theme/.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "eslint.options": {
+    "configFile": "eslint.config.cjs"
+  }
+}

packages/theme/components/layout/root-layout/Theme.tsx

@@ -61,12 +61,7 @@ export function Theme({children, pageOpts}: NextraThemeLayoutProps) {
   const isHomePage = route === '/'
   const isIndexPage = /index\.mdx?$/.test(filePath) && !isHomePage && !frontMatter['show-tabs']
   const data = !isHomePage && activePath[activePath.length - 2]
-  const filteredTabData: MdxFile[] =
-    data && hasChildren(data)
-      ? ((data as Folder).children.filter(child => {
-          return child
-        }) as MdxFile[])
-      : []
+  const filteredTabData: MdxFile[] = data && hasChildren(data) ? ((data as Folder).children as MdxFile[]) : []
 
   /**
    * Uses a frontmatter 'keywords' value (as an array)

packages/theme/components/layout/sidebar/Sidebar.tsx

@@ -1,7 +1,7 @@
 import React, {useMemo} from 'react'
 import NextLink from 'next/link'
 import {NavList} from '@primer/react'
-import {Folder, MdxFile, PageMapItem} from 'nextra'
+import {Folder, MdxFile} from 'nextra'
 import {useRouter} from 'next/router'
 import getConfig from 'next/config'
 
@@ -16,6 +16,10 @@ type SidebarProps = {
 
 const {publicRuntimeConfig} = getConfig()
 
+const hasShowTabs = (child: DocsItem): boolean => {
+  return child.name === 'index' && (child as MdxFile).frontMatter?.['show-tabs'] === true
+}
+
 export function Sidebar({pageMap}: SidebarProps) {
   const router = useRouter()
 
@@ -75,12 +79,8 @@ export function Sidebar({pageMap}: SidebarProps) {
                 {item.children &&
                   item.children
                     .sort((a, b) => (a.name === 'index' ? -1 : b.name === 'index' ? 1 : 0)) // puts index page first
-                    .filter(child => {
-                      return (
-                        child.name !== 'index' ||
-                        ((child.name === 'index' && (child as MdxFile).frontMatter?.['show-tabs']) ?? false)
-                      )
-                    }) // only show index page if it has show-tabs
+                    // only show index page if it has show-tabs
+                    .filter(child => child.name !== 'index' || hasShowTabs(child))
                     .map((child: DocsItem) => {
                       if (child.type === 'doc') {
                         return (