diff --git a/examples/sites/package.json b/examples/sites/package.json
index 684d8ac42b..08b9a4fc32 100644
--- a/examples/sites/package.json
+++ b/examples/sites/package.json
@@ -40,7 +40,7 @@
     "marked": "^4.3.0",
     "@playwright/test": "^1.29.2",
     "sortablejs": "1.15.0",
-    "@opentiny/vue-repl": "^1.0.2"
+    "@opentiny/vue-repl": "^1.1.0"
   },
   "devDependencies": {
     "@opentiny-internal/unplugin-virtual-template": "workspace:~",
diff --git a/examples/sites/src/views/components/components.vue b/examples/sites/src/views/components/components.vue
index f0f5d2fffb..c84f3abaa7 100644
--- a/examples/sites/src/views/components/components.vue
+++ b/examples/sites/src/views/components/components.vue
@@ -64,7 +64,7 @@
                     <tbody>
                       <tr v-for="row in oneApiArr" :key="row.name">
                         <td>
-                          <a v-if="row.demoId" :href="`#${row.demoId}`">{{ row.name }}</a>
+                          <a v-if="row.demoId" @click="jumpToDemo(row.demoId)">{{ row.name }}</a>
                           <span v-else>{{ row.name }}</span>
                         </td>
                         <td v-if="!key.includes('slots')"><span v-html="row.type"></span></td>
@@ -261,6 +261,13 @@ export default defineComponent({
       copyText: (text) => {
         navigator.clipboard.writeText(text)
       },
+      jumpToDemo: (demoId) => {
+        if (demoId.startsWith('chart') || demoId.startsWith('grid')) {
+          router.push(demoId)
+        } else {
+          router.push(`#${demoId}`)
+        }
+      },
       handleApiClick: (ev) => {
         if (ev.target.tagName === 'A') {
           ev.preventDefault()