diff --git a/packages/vue-demo/README.md b/packages/vue-demo/README.md
index 99e5f20..3ca10cb 100644
--- a/packages/vue-demo/README.md
+++ b/packages/vue-demo/README.md
@@ -4,9 +4,11 @@ This demo is used to test `@tidbcloud/tisqleditor-vue` package, created by Vue3+
 
 ## Preview
 
-![tisqleditor vue](./public/tisqleditor-vue.png)
+👉🏻 [Try it](https://tisqleditor-vue-demo.vercel.app)
 
-## Get Started
+![tisqleditor vue demo](./public/tisqleditor-vue-demo.png)
+
+## Getting Started
 
 ```bash
 pnpm i
diff --git a/packages/vue-demo/public/tisqleditor-vue-demo.png b/packages/vue-demo/public/tisqleditor-vue-demo.png
new file mode 100644
index 0000000..a8ec133
Binary files /dev/null and b/packages/vue-demo/public/tisqleditor-vue-demo.png differ
diff --git a/packages/vue-demo/public/tisqleditor-vue.png b/packages/vue-demo/public/tisqleditor-vue.png
deleted file mode 100644
index 42546e3..0000000
Binary files a/packages/vue-demo/public/tisqleditor-vue.png and /dev/null differ