From e175931f7c3c0a425f93c85e1d2603624eaa43c1 Mon Sep 17 00:00:00 2001
From: Gimmy <975402925@qq.com>
Date: Thu, 26 Oct 2023 20:33:03 -0700
Subject: [PATCH] fix(docs): [sites] fix grid api link jump to error demo

---
 examples/sites/package.json                        | 2 +-
 examples/sites/src/views/components/components.vue | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

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()