tweak

packages/svelte/src/compiler/phases/3-transform/client/transform-template/index.js

@@ -1,9 +1,7 @@
-/**
+/** @import { ComponentContext, ComponentClientTransformState } from '../types.js' */
- * @import { ComponentContext, ComponentClientTransformState } from "../types.js"
+/** @import { Identifier, Expression } from 'estree' */
- * @import { Identifier, Expression } from "estree"
+/** @import { Namespace } from '#compiler' */
- * @import { Namespace } from '#compiler'
+/** @import { SourceLocation } from '#shared' */
- * @import { SourceLocation } from '#shared'
- */
 import { dev } from '../../../../state.js';
 import * as b from '../../../../utils/builders.js';
 import { template_to_functions } from './to-functions.js';

packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js

@@ -443,18 +443,16 @@ export function build_component(node, component_name, context, anchor = context.
 		if (context.state.metadata.namespace === 'svg') {
 			// this boils down to <g><!></g>
 			context.state.template.create_element('g');
-			context.state.template.push_element();
-			context.state.template.create_anchor();
-			context.state.template.pop_element();
 		} else {
 			// this boils down to <svelte-css-wrapper style='display: contents'><!></svelte-css-wrapper>
 			context.state.template.create_element('svelte-css-wrapper');
 			context.state.template.set_prop('style', 'display: contents');
-			context.state.template.push_element();
-			context.state.template.create_anchor();
-			context.state.template.pop_element();
 		}
 
+		context.state.template.push_element();
+		context.state.template.create_anchor();
+		context.state.template.pop_element();
+
 		statements.push(
 			b.stmt(b.call('$.css_props', anchor, b.thunk(b.object(custom_css_props)))),
 			b.stmt(fn(b.member(anchor, 'lastChild'))),