Open Us3r-gitHub opened 3 days ago
https://github.com/Us3r-gitHub/Playground-Nuxt/tree/auto_form-data_binding
The data binding for Vue reactivity does not update as expected.
The reactive variable should update automatically when the input value changes, reflecting the updated value in the component.
The reactive variable does not update with the new value from the input and continues to use the initial value.
From the screenshot above, data binding works perfectly with the text input, but the issue occurs when using the number input.
System: OS: Windows 11 10.0.22631 CPU: (8) x64 Intel(R) Core(TM) i5-9300H CPU @ 2.40GHz Memory: 10.12 GB / 23.85 GB Binaries: Node: 20.16.0 - E:\Program Files\nodejs\node.EXE Yarn: 1.22.22 - E:\Program Files\nodejs\yarn.CMD npm: 10.8.1 - E:\Program Files\nodejs\npm.CMD pnpm: 9.12.3 - E:\Program Files\nodejs\pnpm.CMD bun: 1.1.6 - ~\.bun\bin\bun.EXE Browsers: Edge: Chromium (127.0.2651.98) Internet Explorer: 11.0.22621.3527 npmPackages: @vueuse/core: ^11.3.0 => 11.3.0 nuxt: ^3.14.159 => 3.14.159 radix-vue: ^1.9.9 => 1.9.9 shadcn-nuxt: ^0.11.2 => 0.11.2 vue: latest => 3.5.12
It seems this issue is caused by this (inheritAttrs code).
inheritAttrs
What is it doing, and can we just remove it?"
Reproduction
https://github.com/Us3r-gitHub/Playground-Nuxt/tree/auto_form-data_binding
Describe the bug
The data binding for Vue reactivity does not update as expected.
Steps to Reproduce:
Expected Behavior:
The reactive variable should update automatically when the input value changes, reflecting the updated value in the component.
Actual Behavior:
The reactive variable does not update with the new value from the input and continues to use the initial value.
Screenshot
From the screenshot above, data binding works perfectly with the text input, but the issue occurs when using the number input.
System Info
Contributes