vue-macros
diff --git a/‎packages/jsx-directive/tests/__snapshots__/v-model.test.ts.snap
Lines changed: 1 addition & 0 deletions b/‎packages/jsx-directive/tests/__snapshots__/v-model.test.ts.snap
Lines changed: 1 addition & 0 deletions
diff --git a/‎packages/jsx-directive/tests/fixtures/v-model/index.vue
Lines changed: 1 addition & 0 deletions b/‎packages/jsx-directive/tests/fixtures/v-model/index.vue
Lines changed: 1 addition & 0 deletions
diff --git a/‎packages/volar/src/jsx-directive/v-model.ts
Lines changed: 32 additions & 2 deletions b/‎packages/volar/src/jsx-directive/v-model.ts
Lines changed: 32 additions & 2 deletions
@@ -9,6 +9,7 @@ const value = ref('value')
 defineRender(() => (
   <div>
     <input {...{[value.value]: foo, ["onUpdate:" + value.value]: $event => foo = $event, [value.value + "Modifiers"]: { trim: true, number: true }}} />
+    <input v-model={foo} type="checkbox" value="1"></input>
     {foo}
   </div>
 ))
 
@@ -6,6 +6,7 @@ const value = ref('value')
 defineRender(() => (
   <div>
     <input v-model:$value_value$_trim_number={foo} />
+    <input v-model={foo} type="checkbox" value="1"></input>
     {foo}
   </div>
 ))
 
@@ -1,7 +1,12 @@
 import { replaceSourceRange } from 'muggle-string'
 import { allCodeFeatures, type Code } from 'ts-macro'
 import { getStart, getText, isJsxExpression } from '../common'
-import { getTagName, type JsxDirective, type TransformOptions } from './index'
+import {
+  getOpeningElement,
+  getTagName,
+  type JsxDirective,
+  type TransformOptions,
+} from './index'
 
 export const isNativeFormElement = (tag: string): boolean => {
   return ['input', 'select', 'textarea'].includes(tag)
@@ -160,7 +165,9 @@ function transform(
       const result = []
       result.push(
         ...((isNative
-          ? [[modelValue, source, start + 2, allCodeFeatures]]
+          ? isRadioOrCheckbox(node, options)
+            ? 'v-model'
+            : [[modelValue, source, start + 2, allCodeFeatures]]
           : [
               modelValue.slice(0, 3),
               [modelValue.slice(3), source, start, allCodeFeatures],
@@ -218,6 +225,29 @@ function transform(
   )
 }
 
+function isRadioOrCheckbox(
+  node: import('typescript').Node,
+  options: TransformOptions,
+) {
+  const { ts } = options
+  const openingElement = getOpeningElement(node, options)
+  if (!openingElement) return false
+  const tagName = getText(openingElement.tagName, options)
+  return (
+    tagName === 'input' &&
+    openingElement.attributes.properties.some((attr) => {
+      return (
+        ts.isJsxAttribute(attr) &&
+        getText(attr.name, options) === 'type' &&
+        attr.initializer &&
+        ts.isStringLiteral(attr.initializer) &&
+        (attr.initializer.text === 'radio' ||
+          attr.initializer.text === 'checkbox')
+      )
+    })
+  )
+}
+
 function getModelsType(codes: Code[]) {
   codes.push(`
 type __VLS_NormalizeProps<T> = T extends object