diff --git a/README.md b/README.md
index d0a912c..13a4f8a 100644
--- a/README.md
+++ b/README.md
@@ -71,7 +71,7 @@
 
 在 `vue` 文件里面输入 `v3` 触发这个代码段。如下图，用户可以在`.vscode/vue3.code-snippets` 里面自行修改。
 
-![v3 snippets](./screenshots/snippets2.gif)
+![v3 snippets](./screenshots/snippets.gif)
 
 ## 🌍 License
 
diff --git a/screenshots/snippets.bak.gif b/screenshots/snippets.bak.gif
new file mode 100644
index 0000000..0ab04b8
Binary files /dev/null and b/screenshots/snippets.bak.gif differ
diff --git a/screenshots/snippets.gif b/screenshots/snippets.gif
index 0ab04b8..b79c8ca 100644
Binary files a/screenshots/snippets.gif and b/screenshots/snippets.gif differ
diff --git a/screenshots/snippets2.gif b/screenshots/snippets2.gif
deleted file mode 100644
index 56ec517..0000000
Binary files a/screenshots/snippets2.gif and /dev/null differ
diff --git a/src/pages-sub/demo/index.vue b/src/pages-sub/demo/index.vue
index aa637e4..c06e3ae 100644
--- a/src/pages-sub/demo/index.vue
+++ b/src/pages-sub/demo/index.vue
@@ -1,15 +1,15 @@
 <route lang="json5" type="page">
 {
-  style: { navigationBarTitleText: '分包-DEMO' },
+  style: { navigationBarTitleText: 'title' },
 }
 </route>
 
 <template>
-  <view class="">分包-DEMO</view>
+  <view class="">xxx yyy</view>
 </template>
 
 <script lang="ts" setup>
-//
+// code here
 </script>
 
 <style lang="scss" scoped>