diff --git a/packages/client/src/App.vue b/packages/client/src/App.vue index a56b9499..569314d2 100644 --- a/packages/client/src/App.vue +++ b/packages/client/src/App.vue @@ -51,6 +51,10 @@ watch(devtoolsReady, (v) => { useEventListener('keydown', (e) => { if (e.code === 'KeyD' && e.altKey && e.shiftKey) rpc.value.emit('toggle-panel') + if (e.code === 'KeyC' && e.altKey && e.shiftKey && vueInspectorDetected.value) { + rpc.value.emit('toggle-panel', false) + rpc.value.enableVueInspector() + } }) watchEffect(() => { diff --git a/packages/overlay/src/App.vue b/packages/overlay/src/App.vue index a7613728..dc4d85ab 100644 --- a/packages/overlay/src/App.vue +++ b/packages/overlay/src/App.vue @@ -83,6 +83,12 @@ addEventListener('keyup', (e) => { } }) +addEventListener('keydown', (e) => { + if (e.code === 'KeyC' && e.altKey && e.shiftKey && vueInspectorSupported.value) { + toggleVueInspector() + } +}) + const vueInspectorSupported = computed(() => { return !!(devtools.ctx.state.vitePluginDetected && vueInspector.value) }) @@ -117,7 +123,7 @@ const { getIframe } = useIframe(clientUrl, async () => {