docs: update docs

Author: 郑培鑫

README.md

@@ -103,6 +103,8 @@ Import to the component.
 <!-- demo.vue -->
 
 <script setup lang="js">
+  import { ref } from 'vue';
+
   const useRun = (api) => {
     const loading = ref(false);
     const error = ref(false);
@@ -123,12 +125,14 @@ Import to the component.
   };
 
   const data = ref([]);
-  const api = () => {
-    // Simulate a request, usually return a Promise
-    return setTimeout(() => {
-      data.value = Array.from({ length: 10 }, (v, k) => k);
-    }, 1000);
-  };
+  // Simulate a request
+  const api = () =>
+    new Promise((resolve, reject) => {
+      setTimeout(() => {
+        data.value = Array.from({ length: 10 }, (v, k) => k);
+        resolve();
+      }, 2000);
+    });
 
   const [loading, error, init] = useRun(api);
 
@@ -429,7 +433,7 @@ All directives will automatically adjust their height according to the container
 <!-- demo.vue -->
 
 <template>
-  <div v-empty="true" style="{height: 1000px;}"></div>
+  <div v-empty="true" style="height: 500px;"></div>
   <div v-empty="true"></div>
 </template>
 ```
@@ -442,8 +446,8 @@ The maximum icon size can be adjusted using the `iconMaxSize` or the `vdp-empty-
 <template>
   <div
     v-empty="true"
-    style="{height: 1000px;}"
-    vdp-empty-icon-max-size="500"
+    style="height: 500px;"
+    vdp-empty-icon-max-size="400"
   ></div>
 </template>
 ```

README.zh-CN.md

@@ -101,6 +101,8 @@ app.use(vdpLoading);
 <!-- demo.vue -->
 
 <script setup lang="js">
+  import { ref } from 'vue';
+
   const useRun = (api) => {
     const loading = ref(false);
     const error = ref(false);
@@ -121,12 +123,14 @@ app.use(vdpLoading);
   };
 
   const data = ref([]);
-  const api = () => {
-    // 模拟请求，一般是返回 Promise 对象
-    return setTimeout(() => {
-      data.value = Array.from({ length: 10 }, (v, k) => k);
-    }, 1000);
-  };
+  // 模拟请求
+  const api = () =>
+    new Promise((resolve, reject) => {
+      setTimeout(() => {
+        data.value = Array.from({ length: 10 }, (v, k) => k);
+        resolve();
+      }, 2000);
+    });
 
   const [loading, error, init] = useRun(api);
 
@@ -427,7 +431,7 @@ app.use(vueDefaultPage, {
 <!-- demo.vue -->
 
 <template>
-  <div v-empty="true" style="{height: 1000px;}"></div>
+  <div v-empty="true" style="height: 500px;"></div>
   <div v-empty="true"></div>
 </template>
 ```
@@ -440,8 +444,8 @@ app.use(vueDefaultPage, {
 <template>
   <div
     v-empty="true"
-    style="{height: 1000px;}"
-    vdp-empty-icon-max-size="500"
+    style="height: 500px;"
+    vdp-empty-icon-max-size="400"
   ></div>
 </template>
 ```