diff --git a/src/image/demo/index.vue b/src/image/demo/index.vue
index 235f94f7b..669d392c4 100644
--- a/src/image/demo/index.vue
+++ b/src/image/demo/index.vue
@@ -58,31 +58,36 @@
   </demo-block>
 </template>
 
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      fitMode: '填充模式',
-      round: '圆形图片',
-      loading: '加载中提示',
-      error: '加载失败提示',
-      defaultTip: '默认提示',
-      customTip: '自定义提示',
-      loadFail: '加载失败',
-    },
-    'en-US': {
-      fitMode: 'Fit Mode',
-      round: 'Round',
-      loading: 'Loading',
-      error: 'Error',
-      defaultTip: 'Default Tip',
-      customTip: 'Custom Tip',
-      loadFail: 'Load failed',
-    },
-  },
+<script lang="ts">
+import { useTranslate } from '@demo/use-translate';
+
+const i18n = {
+  'zh-CN': {
+    fitMode: '填充模式',
+    round: '圆形图片',
+    loading: '加载中提示',
+    error: '加载失败提示',
+    defaultTip: '默认提示',
+    customTip: '自定义提示',
+    loadFail: '加载失败',
+  },
+  'en-US': {
+    fitMode: 'Fit Mode',
+    round: 'Round',
+    loading: 'Loading',
+    error: 'Error',
+    defaultTip: 'Default Tip',
+    customTip: 'Custom Tip',
+    loadFail: 'Load failed',
+  },
+};
+
+export default {
+  setup() {
+    const t = useTranslate(i18n);
 
-  data() {
     return {
+      t,
       image: 'https://img.yzcdn.cn/vant/cat.jpeg',
       fits: ['contain', 'cover', 'fill', 'none', 'scale-down'],
     };