fix(language-core): consistent interpolation behavior of shorthand binding

packages/language-core/lib/codegen/template/elementProps.ts

@@ -302,11 +302,8 @@ function* generatePropExp(
 	isShorthand: boolean,
 	enableCodeFeatures: boolean
 ): Generator<Code> {
-	if (isShorthand && features.completion) {
-		features = {
-			...features,
-			completion: undefined,
-		};
+	if (isShorthand) {
+		features.completion = undefined;
 	}
 	if (exp && exp.constType !== CompilerDOM.ConstantTypes.CAN_STRINGIFY) { // style='z-index: 2' will compile to {'z-index':'2'}
 		if (!isShorthand) { // vue 3.4+
@@ -320,19 +317,37 @@ function* generatePropExp(
 				'(',
 				')'
 			);
-		} else {
+		}
+		else {
 			const propVariableName = camelize(exp.loc.source);
 
 			if (variableNameRegex.test(propVariableName)) {
-				if (!ctx.hasLocalVariable(propVariableName)) {
-					ctx.accessExternalVariable(propVariableName, exp.loc.start.offset);
-					yield `__VLS_ctx.`;
-				}
-				yield* generateCamelized(
+				const isDestructuredProp = options.destructuredPropNames?.has(propVariableName) ?? false;
+				const isTemplateRef = options.templateRefNames?.has(propVariableName) ?? false;
+
+				const codes = generateCamelized(
 					exp.loc.source,
 					exp.loc.start.offset,
 					features
 				);
+
+				if (ctx.hasLocalVariable(propVariableName) || isDestructuredProp) {
+					yield* codes;
+				}
+				else {
+					ctx.accessExternalVariable(propVariableName, exp.loc.start.offset);
+
+					if (isTemplateRef) {
+						yield `__VLS_unref(`;
+						yield* codes;
+						yield `)`;
+					}
+					else {
+						yield `__VLS_ctx.`;
+						yield* codes;
+					}
+				}
+
 				if (enableCodeFeatures) {
 					ctx.inlayHints.push(createVBindShorthandInlayHintInfo(prop.loc, propVariableName));
 				}

test-workspace/tsc/passedFixtures/vue3/#4973/comp.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts">
+defineProps<{
+	condition: 'B'
+}>();
+</script>

test-workspace/tsc/passedFixtures/vue3/#4973/main.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import Comp from './comp.vue';
+
+let condition!: 'A' | 'B';
+</script>
+
+<template>
+	<div v-if="condition === 'A'"></div>
+	<Comp v-else :condition />
+</template>