fix(docs): CLI Admonition type

docs/docusaurus.config.js

@@ -33,7 +33,7 @@ const config = {
 
     presets: [
         [
-            '@docusaurus/preset-classic',
+            'classic',
             /** @type {import('@docusaurus/preset-classic').Options} */
             ({
                 docs: {

docs/src/theme/Admonition/Types.js

@@ -0,0 +1,25 @@
+import Link from '@docusaurus/Link';
+import AdmonitionLayout from '@theme-original/Admonition/Layout';
+import DefaultAdmonitionTypes from '@theme-original/Admonition/Types';
+import React from 'react';
+
+function CliAdmonition(props) {
+    return (
+        <AdmonitionLayout {...props} className="alert alert--info">
+            {props.children}
+            <div style={{ fontSize: '12px' }}>
+                Learn more about the <Link href={'/guides/developer-guide/cli/'}>Vendure CLI</Link>
+            </div>
+        </AdmonitionLayout>
+    );
+}
+
+const AdmonitionTypes = {
+    ...DefaultAdmonitionTypes,
+
+    // Add all your custom admonition types here...
+    // You can also override the default ones if you want
+    cli: CliAdmonition,
+};
+
+export default AdmonitionTypes;

docs/src/theme/Admonition/index.js

@@ -1,27 +1,5 @@
 import React from 'react';
 import Admonition from '@theme-original/Admonition';
-import Link from '@docusaurus/Link';
-
-export default function AdmonitionWrapper(props) {
-    if (props.type !== 'cli') {
-        return <Admonition {...props} />;
-    }
-    return (
-        <Admonition
-            icon={<CliIcon />}
-            title={'Vendure CLI'}
-            {...props}
-            children={
-                <>
-                    {props.children}
-                    <div style={{ fontSize: '12px' }}>
-                        Learn more about the <Link href={'/guides/developer-guide/cli/'}>Vendure CLI</Link>
-                    </div>
-                </>
-            }
-        />
-    );
-}
 
 function CliIcon() {
     return (
@@ -41,3 +19,10 @@ function CliIcon() {
         </svg>
     );
 }
+
+export default function AdmonitionWrapper(props) {
+    if (props.type === 'cli') {
+        return <Admonition title="Vendure CLI" icon={<CliIcon />} {...props} />;
+    }
+    return <Admonition {...props} />;
+}