fix(runtime-core): multiple ref elements with the same name

[tsiotska]

close: #12246

The solution is more like a stub.
Idea is same to keep setting the last ref if multiple same are in template without breaking the code.
Effectively stopped the occurrence of recursion using conditional check

Added appropriate tests.
The best idea would be to set and operate via unique keys and throw a warning in dev mode that ref names should be unique for each element.
Also, would like to cautiously refactor the "if-mess" if the solution is approved.

[github-actions]

Size Report

Bundles

File	Size	Gzip	Brotli
runtime-dom.global.prod.js	100 kB (+14 B)	38 kB (-1 B)	34.2 kB (+16 B)
vue.global.prod.js	159 kB (+14 B)	57.9 kB	51.4 kB (-37 B)

Usages

Name	Size	Gzip	Brotli
createApp (CAPI only)	46.9 kB (+14 B)	18.3 kB (-1 B)	16.7 kB (+4 B)
createApp	55 kB (+14 B)	21.3 kB (-1 B)	19.4 kB (+7 B)
createSSRApp	59 kB (+14 B)	23 kB (-1 B)	20.9 kB (-9 B)
defineCustomElement	59.8 kB (+14 B)	22.8 kB (-3 B)	20.8 kB (-65 B)
overall	68.7 kB (+14 B)	26.3 kB	23.9 kB (-51 B)

[pkg-pr-new]

Open in Stackblitz

@vue/compiler-core

pnpm add https://pkg.pr.new/@vue/compiler-core@12268

@vue/compiler-sfc

pnpm add https://pkg.pr.new/@vue/compiler-sfc@12268

@vue/compiler-dom

pnpm add https://pkg.pr.new/@vue/compiler-dom@12268

@vue/compiler-ssr

pnpm add https://pkg.pr.new/@vue/compiler-ssr@12268

@vue/runtime-core

pnpm add https://pkg.pr.new/@vue/runtime-core@12268

@vue/reactivity

pnpm add https://pkg.pr.new/@vue/reactivity@12268

@vue/runtime-dom

pnpm add https://pkg.pr.new/@vue/runtime-dom@12268

@vue/server-renderer

pnpm add https://pkg.pr.new/@vue/server-renderer@12268

@vue/shared

pnpm add https://pkg.pr.new/@vue/shared@12268

vue

pnpm add https://pkg.pr.new/vue@12268

@vue/compat

pnpm add https://pkg.pr.new/@vue/compat@12268

commit: 161939a

[edison1105]

I think this solution is OK.
Maybe we can issue a runtime warning when oldRef === ref.