Remove Chart component and Fixed Alert and Accordion Component API Duplicate file issue.

Routes/routes.ts

@@ -26,13 +26,6 @@ export const docsRoutes = ref<RouterPath[]>([
     tag: false,
     deprecate: false,
   },
-  {
-    id: generatedID.v4(),
-    name: "Area Chart",
-    href: "/docs/components/area-chart",
-    tag: false,
-    deprecate: false,
-  },
   {
     id: generatedID.v4(),
     name: "Avatar",
@@ -48,14 +41,6 @@ export const docsRoutes = ref<RouterPath[]>([
     tag: false,
     deprecate: false,
   },
-  {
-    id: generatedID.v4(),
-    name: "Bar Chart",
-
-    href: "/docs/components/bar-chart",
-    tag: false,
-    deprecate: false,
-  },
   {
     id: generatedID.v4(),
     name: "BreadCrumb",
@@ -148,14 +133,6 @@ export const docsRoutes = ref<RouterPath[]>([
     tag: false,
     deprecate: false,
   },
-  {
-    id: generatedID.v4(),
-    name: "Line Chart",
-
-    href: "/docs/components/line-chart",
-    tag: false,
-    deprecate: false,
-  },
   {
     id: generatedID.v4(),
     name: "Modal",
@@ -187,14 +164,6 @@ export const docsRoutes = ref<RouterPath[]>([
     tag: false,
     deprecate: false,
   },
-  {
-    id: generatedID.v4(),
-    name: "Pie Chart",
-
-    href: "/docs/components/pie-chart",
-    tag: false,
-    deprecate: false,
-  },
   {
     id: generatedID.v4(),
     name: "Popover",

components/content/docs/components/accordion/AccordionApi.vue

@@ -1,8 +1,37 @@
 <script lang="ts" setup>
 import ComponentApiTable from "~/components/content/ComponentApiTable.vue";
-import { accordionApiData } from "./accordionApi";
+const accordionApiData = [
+  {
+    id: 1,
+    propsName: "default-value",
+    propsType: "string",
+    propsDescription: "Keep selected panel always open.",
+  },
+  {
+    id: 2,
+    propsName: "flush",
+    propsType: "boolean",
+    propsDescription: "Accordion without outer border and and background color",
+    default: "false",
+  },
+  {
+    id: 3,
+    propsName: "type",
+    propsType: ["single", "multiple"],
+    propsDescription:
+      "Determines whether a single or multiple items can be pressed at a time.",
+    default: "single",
+  },
+  {
+    id: 4,
+    propsName: "disabled",
+    propsType: "boolean",
+    propsDescription: "Disable interaction with the accordion.",
+    default: "false",
+  },
+];
 </script>
 
 <template>
-  <ComponentApiTable :data="accordionApiData"></ComponentApiTable>
+  <ComponentApiTable :data="accordionApiData" />
 </template>

components/content/docs/components/alert/AlertApi.vue

@@ -1,8 +1,30 @@
 <script lang="ts" setup>
 import ComponentApiTable from "~/components/content/ComponentApiTable.vue";
-import { alertApiData } from "./alertApi";
+const alertApiData = [
+  {
+    id: 1,
+    propsName: "color",
+    propsDescription: "The color variant of the alert.",
+    propsType: ["primary", "secondary", "success", "warning", "error"],
+    default: "primary",
+  },
+  {
+    id: 2,
+    propsName: "dismiss",
+    propsDescription: "Enables or disables the dismiss icon.",
+    propsType: "boolean",
+    default: "false",
+  },
+  {
+    id: 3,
+    propsName: "withBg",
+    propsDescription: "Enables background color.",
+    propsType: "boolean",
+    default: "false",
+  },
+];
 </script>
 
 <template>
-  <ComponentApiTable :data="alertApiData"></ComponentApiTable>
+  <ComponentApiTable :data="alertApiData" />
 </template>