🗑️ removed all manual docs preview code

Author: ariflogs

config/components.ts

@@ -8,81 +8,31 @@ export const componentConfig = {
       preview: lazy(
         () => import("@/preview/components/accordion-style-default")
       ),
-      codeHtml: `<div class="space-y-4 mx-auto">
-    <details class="border-2 border-black shadow-md hover:shadow-sm transition-all overflow-hidden">
-      <summary class="px-4 py-2 font-head text-black cursor-pointer focus:outline-none">
-          Accordion Item 1
-      </summary>
-      <div class="px-4 py-2 font-body bg-white text-gray-700">
-          This is the content of the first accordion item. It is styled with
-          Tailwind CSS.
-      </div>
-    </details>
-
-    <details class="border-2 border-black shadow-md hover:shadow-sm transition-all overflow-hidden">
-      <summary class="px-4 py-2 font-head text-black cursor-pointer focus:outline-none">
-          Accordion Item 2
-      </summary>
-      <div class="px-4 py-2 font-body bg-white text-gray-700">
-          This is the content of the second accordion item. It has a similar
-          style to maintain consistency.
-      </div>
-    </details>
-
-    <details class="border-2 border-black shadow-md hover:shadow-sm transition-all overflow-hidden">
-      <summary class="px-4 py-2 font-head text-black cursor-pointer focus:outline-none">
-          Accordion Item 3
-      </summary>
-      <div class="px-4 py-2 font-body bg-white text-gray-700">
-          This is the content of the third accordion item. The details element
-          handles the toggle behavior.
-      </div>
-    </details>
-</div>`,
     },
     "avatar-style-circle": {
       name: "avatar-style-circle",
       filePath: "preview/components/avatar-style-circle.tsx",
       preview: lazy(() => import("@/preview/components/avatar-style-circle")),
-      codeHtml: `<div className="inline-block w-14 h-14 border-2 border-black rounded-full overflow-hidden">
-    <img
-        className="w-full h-full"
-        src="https://pagedone.io/asset/uploads/1704275541.png"
-        alt="Rounded Avatar"
-    />
-</div>`,
     },
     "badge-style-default": {
       name: "badge-style-default",
       filePath: "preview/components/badge-style-default.tsx",
       preview: lazy(() => import("@/preview/components/badge-style-default")),
-      codeHtml: `<span className="border-black text-black border-2 px-2 py-1 text-sm">
-    Badge
-</span>`,
     },
     "badge-style-success": {
       name: "badge-style-default",
       filePath: "preview/components/badge-style-success.tsx",
       preview: lazy(() => import("@/preview/components/badge-style-success")),
-      codeHtml: `<span className="border-2 border-green-600 text-green-600 px-2.5 py-1 text-sm">
-    Badge
-</span>`,
     },
     "badge-style-error": {
       name: "badge-style-default",
       filePath: "preview/components/badge-style-error.tsx",
       preview: lazy(() => import("@/preview/components/badge-style-error")),
-      codeHtml: `<span className="border-2 border-red-600 text-red-600 px-2.5 py-1 text-sm">
-    Badge
-</span>`,
     },
     "badge-style-filled": {
       name: "badge-style-default",
       filePath: "preview/components/badge-style-filled.tsx",
       preview: lazy(() => import("@/preview/components/badge-style-filled")),
-      codeHtml: `<span className="border-2 bg-primary-400 border-black text-black px-2.5 py-1 text-sm">
-    Badge
-</span>`,
     },
     "button-style-default": {
       name: "button-style-default",
@@ -93,56 +43,28 @@ export const componentConfig = {
       name: "card-style-default",
       filePath: "preview/components/card-style-default.tsx",
       preview: lazy(() => import("@/preview/components/card-style-default")),
-      codeHtml: `<div className="inline-block border-2 border-black p-4 shadow-md cursor-pointer transition-all hover:shadow-xs">
-    <h4 className="font-head text-2xl font-medium mb-1">This is card Title</h4>
-    <p>This is card description.</p>
-</div>`,
     },
     "input-style-default": {
       name: "input-style-default",
       filePath: "preview/components/input-style-default.tsx",
       preview: lazy(() => import("@/preview/components/input-style-default")),
-      codeHtml: `<input
-    type="text"
-    placeholder="type something..."
-    className="px-4 py-2 w-full border-2 border-black shadow-md transition focus:outline-none focus:shadow-xs"
-/>`,
     },
     "textarea-style-default": {
       name: "textarea-style-default",
       filePath: "preview/components/textarea-style-default.tsx",
       preview: lazy(
         () => import("@/preview/components/textarea-style-default")
       ),
-      codeHtml: `<textarea
-    rows="4"
-    placeholder="type something..."
-    className="px-4 py-2 w-full border-2 border-black shadow-md transition focus:outline-none focus:shadow-xs"
-/>`,
     },
     "typography-headings": {
       name: "typography-headings",
       filePath: "preview/components/typography-headings.tsx",
       preview: lazy(() => import("@/preview/components/typography-headings")),
-      codeHtml: `<div className="space-y-4">
-  <h1 className="font-head text-5xl lg:text-6xl font-bold">This is H1</h1>
-  <h2 className="font-head text-4xl font-semibold">This is H2</h2>
-  <h3 className="font-head text-2xl font-semibold">This is H3</h3>
-  <h4 className="font-head text-xl font-medium">This is H4</h4>
-  <h5 className="font-head text-lg font-medium">This is H5</h5>
-  <h6 className="font-head font-medium">This is H6</h6>
-</div>`,
     },
     "typography-p": {
       name: "typography-p",
       filePath: "preview/components/typography-p.tsx",
       preview: lazy(() => import("@/preview/components/typography-p")),
-      codeHtml: `<p className="font-sans">
-  Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quaerat eos,
-  doloremque inventore nesciunt quo sequi veniam impedit alias libero
-  dolorem tempore quia esse fugit fuga iste aliquam expedita molestias
-  iusto?
-</p>`,
     },
   },
 };