fix(compiler): comment can cause vIf-related syntax errors

[Dunqing]

fix: keep comments in production and have a comment between v-if and v-else, encounter [vite:vue] v-else/v-else-if has no adjacent v-if or v-else-if. error

Why is test work?

Since the following code works in the test, the comments can be skipped.

core/packages/compiler-core/src/transforms/vIf.ts

Lines 132 to 136 in 35dc2bb

	if (__DEV__ && sibling && sibling.type === NodeTypes.COMMENT) {
	context.removeNode(sibling)
	comments.unshift(sibling)
	continue
	}

Steps to reproduce

1. open the reproduction
2. executed npm run build
3. Error appears

[antfu]

Can you add some tests to it? Thanks

[Dunqing]

This test is the same as this issue, so I don't need to add the same cases for the test.

core/packages/compiler-core/__tests__/transforms/vIf.spec.ts

Lines 652 to 664 in 35dc2bb

	test('with comments', () => {
	const { node } = parseWithIfTransform(`
	<template v-if="ok">
	<!--comment1-->
	<div v-if="ok2">
	<!--comment2-->
	</div>
	<!--comment3-->
	<b v-else/>
	<!--comment4-->
	<p/>
	</template>
	`)

[yyx990803]

Thanks for the PR. We still need a separate test case for this to better document the problem, and we should not introduce test-only logic to fix a case. See dd3354c