package-install help

[irorochad]

hey, can you please tell me how to set up

package-install

?

I want to be able to do something like this..

[irorochad]

I found it https://fumadocs.vercel.app/docs/headless/mdx/install

UPDATE: It didn't work... @fuma-nama

My next config file

import { createMDX } from "fumadocs-mdx/next";
import { remarkInstall } from "fumadocs-docgen";

const withMDX = createMDX();

/** @type {import('next').NextConfig} */
const config = {
  reactStrictMode: true,
  remarkPlugins: [remarkInstall],
};

export default withMDX(config);

/docs/page.tsx

// other codes
  return (
    <DocsPage
      toc={page.data.toc}
      full={page.data.full}
      tableOfContent={{
        style: "clerk",
        single: false,
      }}
    >
      <DocsTitle>{page.data.title}</DocsTitle>
      <DocsDescription>{page.data.description}</DocsDescription>
      <DocsBody>
        <MDX components={{ ...defaultMdxComponents, Tab, Tabs }} />
      </DocsBody>
    </DocsPage>
  );
  // other codes

Error: image attached:

[fuma-nama]

On Fumadocs MDX v10, you should pass remark plugins to source config

[irorochad]

thanks. Fixed it!