因为 Mathjax 库比较大，我们想动态导入，这个帖子就是为了解决这个问题

在 Nuxt4 中如何使用 markdown-it 可以看这个帖子 Nuxt.js 4 (Nux4) 使用 markdown-it 渲染 Markdown

对了 app/plugins/markdownit.ts 需要做一个改变

  return {
    provide: {
      mdRenderer: renderer,
      md2Html: md2Html,
    },
  };

1. 安装库

   yarn add markdown-it-mathjax3
   

2. 动态导入

   const { $mdRenderer } = useNuxtApp();
   let mathJaxLoaded = false;
   
   onMounted(async () => {
     await loadMathJax($mdRenderer, () => {
       $mdRenderer.enable("linkify");
       rs.value = $mdRenderer.render(raw);
     });
   });
   
   async function loadMathJax($md, fn) {
     console.log("----------->4444");
     if (!mathJaxLoaded) {
       const cs = await import("markdown-it-mathjax3");
       console.log(cs);
       mathJaxLoaded = true;
       $md.use(cs.default);
       fn && fn();
     }
   }