From 0e9c28b037e2961bed8f74fadf9eff332cee1f28 Mon Sep 17 00:00:00 2001 From: "pei.fan" Date: Thu, 13 Apr 2023 23:59:24 +0900 Subject: [PATCH] fix: Fix the unmatch the case problem that results the emitted event undeclared --- packages/app-backend-vue3/src/components/data.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/app-backend-vue3/src/components/data.ts b/packages/app-backend-vue3/src/components/data.ts index 958f8b551..53c0f3a6a 100644 --- a/packages/app-backend-vue3/src/components/data.ts +++ b/packages/app-backend-vue3/src/components/data.ts @@ -1,6 +1,6 @@ import { BackendContext } from '@vue-devtools/app-backend-api' import { getInstanceName, getUniqueComponentId } from './util' -import { camelize, StateEditor, SharedData } from '@vue-devtools/shared-utils' +import { camelize, StateEditor, SharedData, kebabize } from '@vue-devtools/shared-utils' import { ComponentInstance, CustomState, HookPayloads, Hooks, InspectedComponentData } from '@vue/devtools-api' import { returnError } from '../util' @@ -371,13 +371,14 @@ function processRefs (instance) { function processEventListeners (instance) { const emitsDefinition = instance.type.emits const declaredEmits = Array.isArray(emitsDefinition) ? emitsDefinition : Object.keys(emitsDefinition ?? {}) + const normalizedDeclaredEmits = declaredEmits.map(key => kebabize(key)) const keys = Object.keys(instance.vnode.props ?? {}) const result = [] for (const key of keys) { const [prefix, ...eventNameParts] = key.split(/(?=[A-Z])/) if (prefix === 'on') { const eventName = eventNameParts.join('-').toLowerCase() - const isDeclared = declaredEmits.includes(eventName) + const isDeclared = normalizedDeclaredEmits.includes(eventName) result.push({ type: 'event listeners', key: eventName,