利用docusaurus Vue组件库🔥

docusaurus与Vuepress相似，同属静态站点生成工具。然而，docusaurus的独特之处在于其支持在文档中便捷地嵌入React组件，这使其特别适用于编写与React相关的技术文档，而Vuepress则更倾向于集成Vue组件。

这一差异让我产生了一些疑惑：若希望在个人博客中同时引入Vue与React组件，两者似乎都无法完全满足需求。因此，我决定自行探索解决方案，在文档中尝试同时使用这两种组件。

最初的设想是将Vue组件封装为React组件形式，再通过docusaurus进行渲染，从而避免重复开发底层逻辑，节省大量工作量。

docusaurus官方文档中关于此功能的说明如下：

在 Markdown 中使用 JSX：

    export const Highlight = ({children, color}) => (
      <span
    style={{
      backgroundColor: color,
      borderRadius: '2px',
      color: '#fff',
      padding: '0.2rem',
    }}>
    {children}
      </s