fix: cannot use v-model with value prop with radio input tag

close #1775

packages/vue-language-core/src/generators/template.ts

@@ -517,7 +517,7 @@ export function generate(
 				},
 			);
 			tsCodeGen.addText(` `);
-			const { hasRemainStyleOrClass } = writeProps(node, false, 'props');
+			const { hasRemainStyleOrClass, failedExps } = writeProps(node, false, 'props');
 
 			if (endTagOffset === undefined) {
 				tsCodeGen.addText(`/>`);
@@ -536,7 +536,31 @@ export function generate(
 						capabilities: tagCapabilities,
 					},
 				);
-				tsCodeGen.addText(`>`);
+				tsCodeGen.addText(`>;\n`);
+			}
+
+			// fix https://github.com/johnsoncodehk/volar/issues/1775
+			for (const failedExp of failedExps) {
+				writeInterpolation(
+					failedExp.loc.source,
+					failedExp.loc.start.offset,
+					{
+						vueTag: 'template',
+						capabilities: capabilitiesSet.all,
+					},
+					'(',
+					')',
+					failedExp.loc,
+				);
+				const fb = formatBrackets.round;
+				if (fb) {
+					writeFormatCode(
+						failedExp.loc.source,
+						failedExp.loc.start.offset,
+						fb,
+					);
+				}
+				tsCodeGen.addText(';\n');
 			}
 
 			// fix https://github.com/johnsoncodehk/volar/issues/705#issuecomment-974773353
@@ -881,6 +905,7 @@ export function generate(
 
 		let styleCount = 0;
 		let classCount = 0;
+		const failedExps: CompilerDOM.SimpleExpressionNode[] = [];
 
 		for (const prop of node.props) {
 			if (
@@ -898,6 +923,13 @@ export function generate(
 							: prop.arg.loc.source
 						: getModelValuePropName(node, vueCompilerOptions.target);
 
+				if (propName_1 === undefined) {
+					if (prop.exp) {
+						failedExps.push(prop.exp);
+					}
+					continue;
+				}
+
 				if (prop.modifiers.some(m => m === 'prop' || m === 'attr')) {
 					propName_1 = propName_1.substring(1);
 				}
@@ -1185,7 +1217,10 @@ export function generate(
 			}
 		}
 
-		return { hasRemainStyleOrClass: styleCount >= 2 || classCount >= 2 };
+		return {
+			hasRemainStyleOrClass: styleCount >= 2 || classCount >= 2,
+			failedExps,
+		};
 
 		function writePropName(name: string, isStatic: boolean, sourceRange: SourceMaps.Range, data: EmbeddedFileMappingData, cacheOn: any) {
 			if (mode === 'props' && isStatic) {
@@ -2033,6 +2068,9 @@ function getModelValuePropName(node: CompilerDOM.ElementNode, vueVersion: number
 	if (tag === 'input' && type === 'checkbox')
 		return 'checked';
 
+	if (tag === 'input' && type === 'radio')
+		return undefined;
+
 	if (
 		tag === 'input' ||
 		tag === 'textarea' ||

packages/vue-test-workspace/vue-tsc/input-radio/main.vue

@@ -0,0 +1,11 @@
+<template>
+	<input v-model="picked" type="radio" value="One" />
+	<input v-model="checked" type="checkbox" value="Two" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue"
+
+const picked = ref([])
+const checked = ref([])
+</script>