diff --git a/packages/devtools-kit/build.config.ts b/packages/devtools-kit/build.config.ts
index b5d690ec8..031cb14b8 100644
--- a/packages/devtools-kit/build.config.ts
+++ b/packages/devtools-kit/build.config.ts
@@ -23,6 +23,7 @@ export default defineBuildConfig({
     'hookable',
     'vite-plugin-vue-inspector',
     'error-stack-parser-es',
+    'shiki-es',
   ],
   declaration: true,
   rollup: {
diff --git a/packages/devtools-kit/src/_types/client-api.ts b/packages/devtools-kit/src/_types/client-api.ts
index 267b599ee..3754bdb48 100644
--- a/packages/devtools-kit/src/_types/client-api.ts
+++ b/packages/devtools-kit/src/_types/client-api.ts
@@ -4,6 +4,7 @@ import type { AppConfig } from 'nuxt/schema'
 import type { NuxtApp } from 'nuxt/dist/app/nuxt'
 import type { Hookable } from 'hookable'
 import type { BirpcReturn } from 'birpc'
+import type { Lang } from 'shiki-es'
 import type { ServerFunctions } from './rpc'
 import type { HookInfo, LoadingTimeMetric, PluginMetric, VueInspectorClient, VueInspectorData } from './integrations'
 import type { TimelineMetrics } from './timeline-metrics'
@@ -83,7 +84,7 @@ export interface NuxtDevtoolsHostClient {
 
 export interface NuxtDevtoolsClient {
   rpc: BirpcReturn<ServerFunctions>
-  renderCodeHighlight: (code: string, lang: string, lines?: boolean, theme?: string) => {
+  renderCodeHighlight: (code: string, lang: Lang) => {
     code: string
     supported: boolean
   }