fix(runtime-core): show hydration mismatch details for non-rectified mismatches too when __PROD_HYDRATION_MISMATCH_DETAILS__ is set

[brc-dd]

These warnings are currently not shows when that flag is set:

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

Lines 799 to 815 in 01172fd

	if (mismatchType) {
	const format = (v: any) =>
	v === false ? `(not rendered)` : `${mismatchKey}="${v}"`
	const preSegment = `Hydration ${mismatchType} mismatch on`
	const postSegment =
	`\n - rendered on server: ${format(actual)}` +
	`\n - expected on client: ${format(expected)}` +
	`\n Note: this mismatch is check-only. The DOM will not be rectified ` +
	`in production due to performance overhead.` +
	`\n You should fix the source of the mismatch.`
	if (__TEST__) {
	// during tests, log the full message in one single string for easier
	// debugging.
	warn(`${preSegment} ${el.tagName}${postSegment}`)
	} else {
	warn(preSegment, el, postSegment)
	}

[github-actions]

Size Report

Bundles

File	Size	Gzip	Brotli
runtime-dom.global.prod.js	90.6 kB	34.4 kB	31 kB
vue.global.prod.js	148 kB	53.7 kB	47.9 kB

Usages

Name	Size	Gzip	Brotli
createApp	50.8 kB	19.8 kB	18.1 kB
createSSRApp	54.1 kB	21.2 kB	19.3 kB
defineCustomElement	53.1 kB	20.6 kB	18.8 kB
overall	64.4 kB	24.9 kB	22.6 kB