rename Markdown to Camelcase

components/markdown/PreMdx.tsx

@@ -1,5 +1,5 @@
 import { ComponentProps } from "react";
-import Copy from "./copy";
+import Copy from "./CopyMdx";
 
 export default function Pre({
   children,

contents/docs/getting-started/components/release-note/index.mdx

@@ -32,22 +32,7 @@ To fill in the Release Note content that will be displayed on the Changelog page
 ## Preview : Render Output
 
 <Accordion title="Show Render">
-    ## v1.3.0 - Jan 31, 2024
-
-    > Release Note Feature to Make it Easier to Write Changelogs
-
-    ![Your Image Alt Text](https://docubook.pro/images/example-img.png)
-
-    ### Added
-
-    - New Release Note Feature
-    - New Layout for Changelog page
-    - New Changelog page
-    - add Release Note Component
-    - Easily write release notes directly from the CHANGELOG.md file
-    - Toc for versioning
-    - Write with the markdown tag
-    - add lib / changelog.ts
+![show demo changelog](/images/view-changelog.png)
 </Accordion>
 
 ## Changes Category

docu.json

@@ -75,19 +75,19 @@
           "title": "Components",
           "href": "/components",
           "items": [
-            { "title": "Stepper", "href": "/stepper" },
-            { "title": "Tabs", "href": "/tabs" },
-            { "title": "Note", "href": "/note" },
+            { "title": "Accordion", "href": "/accordion" },
+            { "title": "Button", "href": "/button" },
+            { "title": "Card", "href": "/card" },
+            { "title": "Card Group", "href": "/card-group" },
             { "title": "Code Block", "href": "/code-block" },
             { "title": "Image", "href": "/image" },
             { "title": "Link", "href": "/link" },
-            { "title": "Youtube", "href": "/youtube" },
-            { "title": "Tooltips", "href": "/tooltips" },
-            { "title": "Cards", "href": "/card" },
-            { "title": "Card Group", "href": "/card-group" },
-            { "title": "Button", "href": "/button" },
-            { "title": "Accordion", "href": "/accordion" },
+            { "title": "Note", "href": "/note" },
             { "title": "Release Note", "href": "/release-note" },
+            { "title": "Stepper", "href": "/stepper" },
+            { "title": "Tabs", "href": "/tabs" },
+            { "title": "Tooltips", "href": "/tooltips" },
+            { "title": "Youtube", "href": "/youtube" },
             { "title": "Custom", "href": "/custom" }
           ]
         },

lib/markdown.ts

@@ -12,18 +12,18 @@ import matter from "gray-matter";
 
 // custom components imports
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import Pre from "@/components/markdown/pre";
-import Note from "@/components/markdown/note";
-import { Stepper, StepperItem } from "@/components/markdown/stepper";
-import Image from "@/components/markdown/image";
-import Link from "@/components/markdown/link";
-import Outlet from "@/components/markdown/outlet";
-import Youtube from "@/components/markdown/youtube";
-import Tooltip from "@/components/markdown/tooltips";
-import Card from "@/components/markdown/card";
-import Button from "@/components/markdown/button";
-import Accordion from "@/components/markdown/accordion";
-import CardGroup from "@/components/markdown/cardgroup";
+import Pre from "@/components/markdown/PreMdx";
+import Note from "@/components/markdown/NoteMdx";
+import { Stepper, StepperItem } from "@/components/markdown/StepperMdx";
+import Image from "@/components/markdown/ImageMdx";
+import Link from "@/components/markdown/LinkMdx";
+import Outlet from "@/components/markdown/OutletMdx";
+import Youtube from "@/components/markdown/YoutubeMdx";
+import Tooltip from "@/components/markdown/TooltipsMdx";
+import Card from "@/components/markdown/CardMdx";
+import Button from "@/components/markdown/ButtonMdx";
+import Accordion from "@/components/markdown/AccordionMdx";
+import CardGroup from "@/components/markdown/CardGroupMdx";
 
 // add custom components
 const components = {

styles/syntax.css

@@ -99,11 +99,6 @@
   border-radius: 8px; /* Sudut melengkung pada iframe */
 }
 
-.youtube:hover {
-  transform: scale(1.05); /* Efek hover zoom */
-  transition: transform 0.3s ease;
-}
-
 li#changelog {
   position: relative;
   padding-left: 1.5em;