v-if rerender input bug in production, works fine in dev

[PYPARA]

stackblitz

https://stackblitz.com/edit/vitejs-vite-thzryu

problem

I use the v-if to rerender the component, there is a problem in builded production, input element will have a cache text in it.
but dev works fine, im confused about it，which part cause the problem？

reproduce

1. npm run dev, enter something in input , click reload button. works fine in dev.
2. npm run build
3. npm run preview, enter something in input , click reload button. text still in input

[liulinboyi]

Because of these code

core/packages/runtime-core/src/renderer.ts

Lines 622 to 633 in cdda49b

	if (
	!__DEV__ &&
	vnode.el &&
	hostCloneNode !== undefined &&
	patchFlag === PatchFlags.HOISTED
	) {
	// If a vnode has non-null el, it means it's being reused.
	// Only static vnodes can be reused, so its mounted DOM nodes should be
	// exactly the same, and we can simply do a clone here.
	// only do this in production since cloned trees cannot be HMR updated.
	el = vnode.el = hostCloneNode(vnode.el)
	} else {

If you want't reused, you can use like this: Playground .
Hope this can help you.