docs: Try to resolve hydration issue on demo components

Author: Jasenkoo

docs/.vitepress/theme/components/GlobalDemo.vue

@@ -1,15 +1,17 @@
 <template>
-    <VueDatePicker
-        v-model="modelBind"
-        :dark="isDark"
-        v-bind="$attrs"
-        :placeholder="placeholder"
-        :locale="localized ? zhCN : undefined"
-    >
-        <template v-for="(slot, i) in Object.keys(slots)" #[slot]="args" :key="i">
-            <slot :name="slot" v-bind="args" />
-        </template>
-    </VueDatePicker>
+    <ClientOnly>
+        <VueDatePicker
+            v-model="modelBind"
+            :dark="isDark"
+            v-bind="$attrs"
+            :placeholder="placeholder"
+            :locale="localized ? zhCN : undefined"
+        >
+            <template v-for="(slot, i) in Object.keys(slots)" #[slot]="args" :key="i">
+                <slot :name="slot" v-bind="args" />
+            </template>
+        </VueDatePicker>
+    </ClientOnly>
 </template>
 
 <script lang="ts" setup>

docs/.vitepress/theme/components/TimeZoneDemo.vue

@@ -1,11 +1,13 @@
 <template>
-    <div>
-        <VueDatePicker v-model="modelBind" :dark="isDark" placeholder="Select Date" timezone="utc" />
-        <div class="flex gapped" style="margin-top: 1rem">
-            <button class="theme-btn" type="button" @click="getDate">Get date</button>
-            <button class="theme-btn" type="button" @click="getDateInTimeZone">Get date in the timezone</button>
+    <ClientOnly>
+        <div>
+            <VueDatePicker v-model="modelBind" :dark="isDark" placeholder="Select Date" timezone="utc" />
+            <div class="flex gapped" style="margin-top: 1rem">
+                <button class="theme-btn" type="button" @click="getDate">Get date</button>
+                <button class="theme-btn" type="button" @click="getDateInTimeZone">Get date in the timezone</button>
+            </div>
         </div>
-    </div>
+    </ClientOnly>
 </template>
 
 <script lang="ts" setup>

docs/props/modes/index.md

@@ -286,7 +286,7 @@ To deselect the date, click on the selected value
 - For additional `multi-dates` configuration properties, please refer to [`multi-dates` configuration section](/props/modes-configuration/#multi-dates-configuration)
 :::
 
-<GlobalDemo :multi-dates="true" placeholder="Select Multiple Dates"></GlobalDemo>
+<GlobalDemo :multiDates="true" placeholder="Select Multiple Dates"></GlobalDemo>
 
 ::: details Code Example
 ```vue