Update new functions

docs/components_old/button.md

@@ -57,7 +57,7 @@ For more detailed information about the underlying styling system, visit the dai
 const BasicDemo = () => {
   return Button({ class: "btn-primary" }, "Click Me");
 };
-$mount(BasicDemo, "#demo-basic");
+Mount(BasicDemo, "#demo-basic");
 ```
 
 ### With Loading State
@@ -81,7 +81,7 @@ const LoadingDemo = () => {
     "Save Changes",
   );
 };
-$mount(LoadingDemo, "#demo-loading");
+Mount(LoadingDemo, "#demo-loading");
 ```
 
 ### With Badge
@@ -99,7 +99,7 @@ const BadgeDemo = () => {
     "Notifications",
   );
 };
-$mount(BadgeDemo, "#demo-badge");
+Mount(BadgeDemo, "#demo-badge");
 ```
 
 ### With Tooltip
@@ -116,7 +116,7 @@ const TooltipDemo = () => {
     "Delete",
   );
 };
-$mount(TooltipDemo, "#demo-tooltip");
+Mount(TooltipDemo, "#demo-tooltip");
 ```
 
 ### Disabled State
@@ -134,7 +134,7 @@ const DisabledDemo = () => {
     "Submit",
   );
 };
-$mount(DisabledDemo, "#demo-disabled");
+Mount(DisabledDemo, "#demo-disabled");
 ```
 
 ### All Variants
@@ -151,7 +151,7 @@ const VariantsDemo = () => {
     Button({ class: "btn-outline" }, "Outline"),
   ]);
 };
-$mount(VariantsDemo, "#demo-variants");
+Mount(VariantsDemo, "#demo-variants");
 ```
 
 <div id="demo-test" class="card bg-base-100 p-6 rounded-xl border border-base-300 flex items-center justify-center"></div>
@@ -159,10 +159,10 @@ $mount(VariantsDemo, "#demo-variants");
 ```javascript
 const TestDemo = () => {
   return Div({ class: "flex flex-wrap gap-2 justify-center" }, [
-    $html("span", {class: "indicator"},[
+    Tag("span", {class: "indicator"},[
       5,
       Button('Click')])
   ]);
 };
-$mount(TestDemo, "#demo-test");
+Mount(TestDemo, "#demo-test");
 ```