feat(org): Ported components to mjs and named exports

sites/shared/components/mdx/index.js

@@ -1,44 +0,0 @@
-import Popout from '../popout.js'
-import Highlight from './highlight.js'
-import YouTube from './youtube.js'
-import Figure from './figure.js'
-import ReadMore from './read-more.js'
-import { Tab, Tabs } from './tabs.js'
-import Example from './example.js'
-import Examples from './examples.js'
-import Method from './http-method.js'
-import StatusCode from './status-code.js'
-
-const Fixme = () => <p>FIXME</p>
-
-const mdxCustomComponents = (app = false) => ({
-  // Custom components
-  Method,
-  StatusCode,
-  Comment: (props) => <Popout {...props} comment />,
-  Fixme: (props) => <Popout {...props} fixme />,
-  Link: (props) => <Popout {...props} link />,
-  Note: (props) => <Popout {...props} note />,
-  ReadMore: (props) => <ReadMore {...props} app={app} slug={app.slug} />,
-  Related: (props) => <Popout {...props} related />,
-  Tip: (props) => <Popout {...props} tip />,
-  Warning: (props) => <Popout {...props} warning />,
-  YouTube,
-  pre: (props) => <Highlight {...props} />,
-  img: Figure,
-  table: (props) => (
-    <table {...props} className="mdx-table table-auto w-full">
-      {props.children}
-    </table>
-  ),
-  Tab,
-  Tabs,
-  Example: (props) => <Example {...props} app={app} />,
-  Examples: (props) => <Examples {...props} app={app} />,
-  PatternDocs: Fixme,
-  PatternOptions: Fixme,
-})
-
-export default mdxCustomComponents
-
-//<span className="bg-secondary px-2 mx-1 rounded text-primary-content bg-opacity-80">{children}</span>