Use shiki as code highlighter (#521)

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/annotations-form.md

@@ -7,7 +7,7 @@ description: 元数据表单组件
 
 ## 使用示例
 
-```html
+```vue
 <script lang="ts" setup>
 import { ref } from "vue"
 

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/attachment-file-type-icon.md

@@ -7,7 +7,7 @@ description: 附件文件类型图标组件
 
 ## 使用示例
 
-```html
+```vue
 <script lang="ts" setup></script>
 
 <template>

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/attachment-selector-modal.md

@@ -11,7 +11,7 @@ description: 附件选择组件
 
 ## 使用示例
 
-```html
+```vue
 <script lang="ts" setup>
 import { ref } from "vue"
 

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/filter-clean-button.md

@@ -5,7 +5,7 @@ description: 过滤器清除按钮组件
 
 ## 使用示例
 
-```html
+```vue
 <script lang="ts" setup>
 function onClear () {
   console.log("clear")

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/filter-dropdown.md

@@ -7,7 +7,7 @@ description: 过滤器下拉组件
 
 ## 使用示例
 
-```html
+```vue
 <script lang="ts" setup>
 import { ref } from "vue"
 

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/has-permission.md

@@ -7,7 +7,7 @@ description: 权限判断组件
 
 ## 使用方式
 
-```html
+```vue
 <script lang="ts" setup>
 import { VButton } from "@halo-dev/components"
 </script>

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/index.md

@@ -17,7 +17,7 @@ pnpm install @halo-dev/components
 
 在 Vue 组件中：
 
-```html
+```vue
 <script lang="ts" setup>
 import { VButton } from "@halo-dev/components";
 </script>

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/plugin-detail-modal.md

@@ -7,7 +7,7 @@ description: 插件详情弹窗组件
 
 ## 使用方式
 
-```html
+```vue
 <script lang="ts" setup>
 import { ref } from "vue"
 

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/search-input.md

@@ -7,7 +7,7 @@ description: 搜索输入框组件
 
 ## 使用方式
 
-```html
+```vue
 <script lang="ts" setup>
 import { ref } from "vue"
 

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/uppy-upload.md

@@ -5,7 +5,7 @@ description: 文件上传组件
 
 ## 使用方式
 
-```html
+```vue
 <script lang="ts" setup>
 const policyName = ref('my-test-policy')
 const groupName = ref('my-test-group')

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/v-codemirror.md

@@ -7,7 +7,7 @@ description: 代码编辑器组件
 
 ## 使用方式
 
-```html
+```vue
 <script lang="ts" setup>
 import { ref } from "vue"
 

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/v-permission.md

@@ -7,7 +7,7 @@ description: 权限指令
 
 ## 使用方式
 
-```html
+```vue
 <script lang="ts" setup>
 import { VButton } from "@halo-dev/components"
 </script>

versioned_docs/version-2.21/developer-guide/plugin/api-reference/ui/components/v-tooltip.md

@@ -7,7 +7,7 @@ description: Tooltip 指令
 
 ## 使用方式
 
-```html
+```vue
 <script lang="ts" setup>
 import { IconDeleteBin } from "@halo-dev/components"
 </script>