diff --git a/src/lazyload/README.md b/src/lazyload/README.md
index b875e0125..fe23643a8 100644
--- a/src/lazyload/README.md
+++ b/src/lazyload/README.md
@@ -25,7 +25,7 @@ app.use(Lazyload, {
 
 ```js
 export default {
-  data() {
+  setup() {
     return {
       imageList: [
         'https://img.yzcdn.cn/vant/apple-1.jpg',
diff --git a/src/lazyload/README.zh-CN.md b/src/lazyload/README.zh-CN.md
index b12ed5d8d..99b5750b3 100644
--- a/src/lazyload/README.zh-CN.md
+++ b/src/lazyload/README.zh-CN.md
@@ -29,7 +29,7 @@ app.use(Lazyload, {
 
 ```js
 export default {
-  data() {
+  setup() {
     return {
       imageList: [
         'https://img.yzcdn.cn/vant/apple-1.jpg',
diff --git a/src/lazyload/demo/index.vue b/src/lazyload/demo/index.vue
index 66f27ea77..76812eeed 100644
--- a/src/lazyload/demo/index.vue
+++ b/src/lazyload/demo/index.vue
@@ -18,21 +18,26 @@
   </demo-block>
 </template>
 
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      title2: '背景图懒加载',
-      title3: '懒加载模块',
-    },
-    'en-US': {
-      title2: 'Lazyload Background Image',
-      title3: 'Lazyload Component',
-    },
-  },
+<script lang="ts">
+import { useTranslate } from '@demo/use-translate';
+
+const i18n = {
+  'zh-CN': {
+    title2: '背景图懒加载',
+    title3: '懒加载模块',
+  },
+  'en-US': {
+    title2: 'Lazyload Background Image',
+    title3: 'Lazyload Component',
+  },
+};
+
+export default {
+  setup() {
+    const t = useTranslate(i18n);
 
-  data() {
     return {
+      t,
       imageList: [
         'https://img.yzcdn.cn/vant/apple-1.jpg',
         'https://img.yzcdn.cn/vant/apple-2.jpg',