chore: replace @ts-ignore with @ts-expect-error and fix formatting

Replace all @ts-ignore comments with @ts-expect-error for stricter
type suppression across 6 files. Run Prettier to fix formatting drift.

Nightshift-Task: lint-fix
Nightshift-Ref: https://github.com/marcus/nightshift
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: Nick the Sick

CONTRIBUTING.md

@@ -55,10 +55,10 @@ This diagram illustrates the release workflow for the BlockNote monorepo.
 
 Essentially, when the maintainers have decided to release a new version of BlockNote, they will:
 
- 1. Check that the `main` branch is in a releasable state:
+1.  Check that the `main` branch is in a releasable state:
     - CI status of main branch is green
     - Builds are passing
- 2. Bump the package versions using the `pnpm run deploy` command. This command will:
+2.  Bump the package versions using the `pnpm run deploy` command. This command will:
     1. Based on semantic versioning, determine the next version number.
     2. Apply the new version number to all publishable packages within the monorepo.
     3. Generate a changelog for the new version.
@@ -80,8 +80,8 @@ The release workflow will:
 
 From time to time, you may need to publish a new package to npm. To do this, you cannot just deploy the package to npm, you need to:
 
- 1. Run `nx release version --dry-run` and check that the version number is correct for the package.
+1.  Run `nx release version --dry-run` and check that the version number is correct for the package.
     - Once this is done, you can run `nx release version` to actually apply the version bump locally (staged to your local git repo).
- 2. Run `nx release changelog --from <prev-version> <new-version> --dry-run` and check that the changelog is correct for the package.
+2.  Run `nx release changelog --from <prev-version> <new-version> --dry-run` and check that the changelog is correct for the package.
     - Once this is done, you can run the same command without the `--dry-run` flag to actually apply the changelog, commit & push the changes to the `main` branch.
- 3. The release workflow will automatically publish the package to npm.
+3.  The release workflow will automatically publish the package to npm.

docs/components/FadeIn.tsx

@@ -35,7 +35,7 @@ export function FadeIn({
   return (
     <motion.div
       animate={inView ? "animate" : "initial"}
-      // @ts-ignore ignore type error
+      // @ts-expect-error ignore type error
       className={className}
       initial={false}
       ref={ref}

docs/components/fumadocs/layout/language-toggle.tsx

@@ -1,15 +1,15 @@
-'use client';
-import type { ComponentProps } from 'react';
-import { useI18n } from '@fumadocs/base-ui/contexts/i18n';
-import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
-import { cn } from '../../../lib/fumadocs/cn';
-import { buttonVariants } from '../ui/button';
+"use client";
+import type { ComponentProps } from "react";
+import { useI18n } from "@fumadocs/base-ui/contexts/i18n";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
+import { cn } from "../../../lib/fumadocs/cn";
+import { buttonVariants } from "../ui/button";
 
-export type LanguageSelectProps = ComponentProps<'button'>;
+export type LanguageSelectProps = ComponentProps<"button">;
 
 export function LanguageToggle(props: LanguageSelectProps): React.ReactElement {
   const context = useI18n();
-  if (!context.locales) throw new Error('Missing `<I18nProvider />`');
+  if (!context.locales) throw new Error("Missing `<I18nProvider />`");
 
   return (
     <Popover>
@@ -18,27 +18,27 @@ export function LanguageToggle(props: LanguageSelectProps): React.ReactElement {
         {...props}
         className={cn(
           buttonVariants({
-            color: 'ghost',
-            className: 'gap-1.5 p-1.5',
+            color: "ghost",
+            className: "gap-1.5 p-1.5",
           }),
           props.className,
         )}
       >
         {props.children}
       </PopoverTrigger>
       <PopoverContent className="flex flex-col overflow-x-hidden p-0">
-        <p className="mb-1 p-2 text-xs font-medium text-fd-muted-foreground">
+        <p className="text-fd-muted-foreground mb-1 p-2 text-xs font-medium">
           {context.text.chooseLanguage}
         </p>
         {context.locales.map((item) => (
           <button
             key={item.locale}
             type="button"
             className={cn(
-              'p-2 text-start text-sm',
+              "p-2 text-start text-sm",
               item.locale === context.locale
-                ? 'bg-fd-primary/10 font-medium text-fd-primary'
-                : 'hover:bg-fd-accent hover:text-fd-accent-foreground',
+                ? "bg-fd-primary/10 text-fd-primary font-medium"
+                : "hover:bg-fd-accent hover:text-fd-accent-foreground",
             )}
             onClick={() => {
               context.onChange?.(item.locale);
@@ -52,9 +52,11 @@ export function LanguageToggle(props: LanguageSelectProps): React.ReactElement {
   );
 }
 
-export function LanguageToggleText(props: ComponentProps<'span'>) {
+export function LanguageToggleText(props: ComponentProps<"span">) {
   const context = useI18n();
-  const text = context.locales?.find((item) => item.locale === context.locale)?.name;
+  const text = context.locales?.find(
+    (item) => item.locale === context.locale,
+  )?.name;
 
   return <span {...props}>{text}</span>;
 }

docs/components/fumadocs/layout/link-item.tsx

@@ -1,16 +1,16 @@
-'use client';
-import type { ComponentProps, ReactNode } from 'react';
-import { usePathname } from 'fumadocs-core/framework';
-import { isActive } from '../../../lib/fumadocs/urls';
-import Link from 'fumadocs-core/link';
+"use client";
+import type { ComponentProps, ReactNode } from "react";
+import { usePathname } from "fumadocs-core/framework";
+import { isActive } from "../../../lib/fumadocs/urls";
+import Link from "fumadocs-core/link";
 
 interface Filterable {
   /**
    * Restrict where the item is displayed
    *
    * @defaultValue 'all'
    */
-  on?: 'menu' | 'nav' | 'all';
+  on?: "menu" | "nav" | "all";
 }
 
 interface WithHref {
@@ -20,20 +20,20 @@ interface WithHref {
    *
    * @defaultValue 'url'
    */
-  active?: 'url' | 'nested-url' | 'none';
+  active?: "url" | "nested-url" | "none";
   external?: boolean;
 }
 
 export interface MainItemType extends WithHref, Filterable {
-  type?: 'main';
+  type?: "main";
   icon?: ReactNode;
   text: ReactNode;
   description?: ReactNode;
   groupName?: string; // added to group into columns
 }
 
 export interface IconItemType extends WithHref, Filterable {
-  type: 'icon';
+  type: "icon";
   /**
    * `aria-label` of icon button
    */
@@ -47,7 +47,7 @@ export interface IconItemType extends WithHref, Filterable {
 }
 
 export interface ButtonItemType extends WithHref, Filterable {
-  type: 'button';
+  type: "button";
   icon?: ReactNode;
   text: ReactNode;
   /**
@@ -57,7 +57,7 @@ export interface ButtonItemType extends WithHref, Filterable {
 }
 
 export interface MenuItemType extends Partial<WithHref>, Filterable {
-  type: 'menu';
+  type: "menu";
   icon?: ReactNode;
   text: ReactNode;
 
@@ -66,7 +66,7 @@ export interface MenuItemType extends Partial<WithHref>, Filterable {
         /**
          * Options when displayed on navigation menu
          */
-        menu?: ComponentProps<'a'> & {
+        menu?: ComponentProps<"a"> & {
           banner?: ReactNode;
         };
       })
@@ -80,7 +80,7 @@ export interface MenuItemType extends Partial<WithHref>, Filterable {
 }
 
 export interface CustomItemType extends Filterable {
-  type: 'custom';
+  type: "custom";
   /**
    * @defaultValue false
    */
@@ -99,13 +99,21 @@ export function LinkItem({
   ref,
   item,
   ...props
-}: Omit<ComponentProps<'a'>, 'href'> & { item: WithHref }) {
+}: Omit<ComponentProps<"a">, "href"> & { item: WithHref }) {
   const pathname = usePathname();
-  const activeType = item.active ?? 'url';
-  const active = activeType !== 'none' && isActive(item.url, pathname, activeType === 'nested-url');
+  const activeType = item.active ?? "url";
+  const active =
+    activeType !== "none" &&
+    isActive(item.url, pathname, activeType === "nested-url");
 
   return (
-    <Link ref={ref} href={item.url} external={item.external} {...props} data-active={active}>
+    <Link
+      ref={ref}
+      href={item.url}
+      external={item.external}
+      {...props}
+      data-active={active}
+    >
       {props.children}
     </Link>
   );

docs/components/fumadocs/layout/search-toggle.tsx

@@ -1,19 +1,21 @@
-'use client';
-import type { ComponentProps } from 'react';
-import { Search } from 'lucide-react';
-import { useSearchContext } from '@fumadocs/base-ui/contexts/search';
-import { useI18n } from '@fumadocs/base-ui/contexts/i18n';
-import { cn } from '../../../lib/fumadocs/cn';
-import { type ButtonProps, buttonVariants } from '../ui/button';
+"use client";
+import type { ComponentProps } from "react";
+import { Search } from "lucide-react";
+import { useSearchContext } from "@fumadocs/base-ui/contexts/search";
+import { useI18n } from "@fumadocs/base-ui/contexts/i18n";
+import { cn } from "../../../lib/fumadocs/cn";
+import { type ButtonProps, buttonVariants } from "../ui/button";
 
-interface SearchToggleProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonProps {
+interface SearchToggleProps
+  extends Omit<ComponentProps<"button">, "color">,
+    ButtonProps {
   hideIfDisabled?: boolean;
 }
 
 export function SearchToggle({
   hideIfDisabled,
-  size = 'icon-sm',
-  color = 'ghost',
+  size = "icon-sm",
+  color = "ghost",
   ...props
 }: SearchToggleProps) {
   const { setOpenSearch, enabled } = useSearchContext();
@@ -43,7 +45,7 @@ export function SearchToggle({
 export function LargeSearchToggle({
   hideIfDisabled,
   ...props
-}: ComponentProps<'button'> & {
+}: ComponentProps<"button"> & {
   hideIfDisabled?: boolean;
 }) {
   const { enabled, hotKey, setOpenSearch } = useSearchContext();
@@ -56,7 +58,7 @@ export function LargeSearchToggle({
       data-search-full=""
       {...props}
       className={cn(
-        'inline-flex items-center gap-2 rounded-lg border bg-fd-secondary/50 p-1.5 ps-2 text-sm text-fd-muted-foreground transition-colors hover:bg-fd-accent hover:text-fd-accent-foreground',
+        "bg-fd-secondary/50 text-fd-muted-foreground hover:bg-fd-accent hover:text-fd-accent-foreground inline-flex items-center gap-2 rounded-lg border p-1.5 ps-2 text-sm transition-colors",
         props.className,
       )}
       onClick={() => {
@@ -67,7 +69,7 @@ export function LargeSearchToggle({
       {text.search}
       <div className="ms-auto inline-flex gap-0.5">
         {hotKey.map((k, i) => (
-          <kbd key={i} className="rounded-md border bg-fd-background px-1.5">
+          <kbd key={i} className="bg-fd-background rounded-md border px-1.5">
             {k.display}
           </kbd>
         ))}

docs/components/fumadocs/layout/shared.tsx

@@ -1,13 +1,13 @@
-import type { ComponentProps, ReactNode } from 'react';
-import type { I18nConfig } from 'fumadocs-core/i18n';
-import type { LinkItemType } from './link-item';
-import Link from 'fumadocs-core/link';
+import type { ComponentProps, ReactNode } from "react";
+import type { I18nConfig } from "fumadocs-core/i18n";
+import type { LinkItemType } from "./link-item";
+import Link from "fumadocs-core/link";
 
 export interface NavOptions {
   enabled: boolean;
   component: ReactNode;
 
-  title?: ReactNode | ((props: ComponentProps<'a'>) => ReactNode);
+  title?: ReactNode | ((props: ComponentProps<"a">) => ReactNode);
 
   /**
    * Redirect url of title
@@ -20,7 +20,7 @@ export interface NavOptions {
    *
    * @defaultValue none
    */
-  transparentMode?: 'always' | 'top' | 'none';
+  transparentMode?: "always" | "top" | "none";
 
   children?: ReactNode;
 }
@@ -29,7 +29,7 @@ export interface BaseLayoutProps {
   themeSwitch?: {
     enabled?: boolean;
     component?: ReactNode;
-    mode?: 'light-dark' | 'light-dark-system';
+    mode?: "light-dark" | "light-dark-system";
   };
 
   searchToggle?: Partial<{
@@ -67,15 +67,15 @@ export interface BaseLayoutProps {
 export function resolveLinkItems({
   links = [],
   githubUrl,
-}: Pick<BaseLayoutProps, 'links' | 'githubUrl'>): LinkItemType[] {
+}: Pick<BaseLayoutProps, "links" | "githubUrl">): LinkItemType[] {
   const result = [...links];
 
   if (githubUrl)
     result.push({
-      type: 'icon',
+      type: "icon",
       url: githubUrl,
-      text: 'Github',
-      label: 'GitHub',
+      text: "Github",
+      label: "GitHub",
       icon: (
         <svg role="img" viewBox="0 0 24 24" fill="currentColor">
           <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
@@ -88,15 +88,15 @@ export function resolveLinkItems({
 }
 
 export function renderTitleNav(
-  { title, url = '/' }: Partial<NavOptions>,
-  props: ComponentProps<'a'>,
+  { title, url = "/" }: Partial<NavOptions>,
+  props: ComponentProps<"a">,
 ) {
-  if (typeof title === 'function') return title({ href: url, ...props });
+  if (typeof title === "function") return title({ href: url, ...props });
   return (
     <Link href={url} {...props}>
       {title}
     </Link>
   );
 }
 
-export type * from './link-item';
+export type * from "./link-item";