fix

gatsby-config.js

@@ -83,6 +83,7 @@ module.exports = {
         },
       },
     },
+    /*
     {
       resolve: `gatsby-plugin-typesense`,
       options: {
@@ -145,7 +146,7 @@ module.exports = {
         },
       },
     },
-
+    */
     // this (optional) plugin enables Progressive Web App + Offline functionality
     // To learn more, visit: https://gatsby.dev/offline
     // `gatsby-plugin-offline`,

src/pages-doc/doc/core/cardlist.tsx

@@ -15,7 +15,8 @@ function card(): ReactElement {
         <div className="mockup-code">
           <pre>
             <code>
-              {`interface CardProps {
+              {`
+interface CardProps {
   title?: string;
   content?: string;
   image?: string | IGatsbyImageData;
@@ -38,27 +39,27 @@ interface CardListProps {
       <div className="space-y-20">
         <CardList 
           cards={[{
-            title: 'Lorem ipsum dolor sit amet',
-            content: 'consectetur adipiscing elit. Suspendisse at purus pulvinar, porttitor arcu quis, posuere sapien. Ut massa ligula, cursus eget sem sed, scelerisque ornare erat. Maecenas a arcu sed odio porttitor ultrices. Aliquam non ipsum sem. Etiam maximus sodales quam id ullamcorper'
+            title: 'Action',
+            content: 'Action description for the Button'
           },{
-            title: 'Lorem ipsum dolor sit amet',
-            content: 'consectetur adipiscing elit. Suspendisse at purus pulvinar, porttitor arcu quis, posuere sapien. Ut massa ligula, cursus eget sem sed, scelerisque ornare erat. Maecenas a arcu sed odio porttitor ultrices. Aliquam non ipsum sem. Etiam maximus sodales quam id ullamcorper'
+            title: 'Action',
+            content: 'Action description for the Button'
           },{
-            title: 'Lorem ipsum dolor sit amet',
-            content: 'consectetur adipiscing elit. Suspendisse at purus pulvinar, porttitor arcu quis, posuere sapien. Ut massa ligula, cursus eget sem sed, scelerisque ornare erat. Maecenas a arcu sed odio porttitor ultrices. Aliquam non ipsum sem. Etiam maximus sodales quam id ullamcorper'
+            title: 'Action',
+            content: 'Action description for the Button'
           }]} 
           layout='row'
         />
         <CardList 
           cards={[{
-            title: 'Lorem ipsum dolor sit amet',
-            content: 'consectetur adipiscing elit. Suspendisse at purus pulvinar, porttitor arcu quis, posuere sapien. Ut massa ligula, cursus eget sem sed, scelerisque ornare erat. Maecenas a arcu sed odio porttitor ultrices. Aliquam non ipsum sem. Etiam maximus sodales quam id ullamcorper'
+            title: 'Action',
+            content: 'Action description for the Button'
           },{
-            title: 'Lorem ipsum dolor sit amet',
-            content: 'consectetur adipiscing elit. Suspendisse at purus pulvinar, porttitor arcu quis, posuere sapien. Ut massa ligula, cursus eget sem sed, scelerisque ornare erat. Maecenas a arcu sed odio porttitor ultrices. Aliquam non ipsum sem. Etiam maximus sodales quam id ullamcorper'
+            title: 'Action',
+            content: 'Action description for the Button'
           },{
-            title: 'Lorem ipsum dolor sit amet',
-            content: 'consectetur adipiscing elit. Suspendisse at purus pulvinar, porttitor arcu quis, posuere sapien. Ut massa ligula, cursus eget sem sed, scelerisque ornare erat. Maecenas a arcu sed odio porttitor ultrices. Aliquam non ipsum sem. Etiam maximus sodales quam id ullamcorper'
+            title: 'Action',
+            content: 'Action description for the Button'
           }]} 
           layout='col'
         />
@@ -66,14 +67,14 @@ interface CardListProps {
       <div className="mt-20">
         <CardList 
           cards={[{
-            title: 'Lorem ipsum dolor sit amet',
-            content: 'consectetur adipiscing elit. Suspendisse at purus pulvinar, porttitor arcu quis, posuere sapien. Ut massa ligula, cursus eget sem sed, scelerisque ornare erat. Maecenas a arcu sed odio porttitor ultrices. Aliquam non ipsum sem. Etiam maximus sodales quam id ullamcorper'
+            title: 'Action',
+            content: 'Action description for the Button'
           },{
-            title: 'Lorem ipsum dolor sit amet',
-            content: 'consectetur adipiscing elit. Suspendisse at purus pulvinar, porttitor arcu quis, posuere sapien. Ut massa ligula, cursus eget sem sed, scelerisque ornare erat. Maecenas a arcu sed odio porttitor ultrices. Aliquam non ipsum sem. Etiam maximus sodales quam id ullamcorper'
+            title: 'Action',
+            content: 'Action description for the Button'
           },{
-            title: 'Lorem ipsum dolor sit amet',
-            content: 'consectetur adipiscing elit. Suspendisse at purus pulvinar, porttitor arcu quis, posuere sapien. Ut massa ligula, cursus eget sem sed, scelerisque ornare erat. Maecenas a arcu sed odio porttitor ultrices. Aliquam non ipsum sem. Etiam maximus sodales quam id ullamcorper'
+            title: 'Action',
+            content: 'Action description for the Button'
           }]} 
           layout='grid'
         />

src/pages-doc/doc/core/index.tsx

@@ -13,7 +13,7 @@ function index(): ReactElement {
         <br></br>
         <Link to="/doc/core/card">Card</Link>
         <br></br>
-        <Link to="/doc/core/cardlist">List card</Link>
+        <Link to="/doc/core/cardlist">CardList</Link>
         <br></br>
         <Link to="/doc/core/hero">Hero</Link>
       </div>