diff --git a/src/generators/dom/index.ts b/src/generators/dom/index.ts
index 6f06ded60b..e6390bb572 100644
--- a/src/generators/dom/index.ts
+++ b/src/generators/dom/index.ts
@@ -202,7 +202,7 @@ export default function dom(
 		@init(this, options);
 		${templateProperties.store && `this.store = %store();`}
 		${generator.usesRefs && `this.refs = {};`}
-		this._state = @assign(${initialState.join(', ')});
+		this._state = ${initialState.reduce((state, piece) => `@assign(${state}, ${piece})`)};
 		${storeProps.length > 0 && `this.store._add(this, [${storeProps.map(prop => `"${prop.slice(1)}"`)}]);`}
 		${generator.metaBindings}
 		${computations.length && `this._recompute({ ${Array.from(computationDeps).map(dep => `${dep}: 1`).join(', ')} }, this._state);`}
diff --git a/test/runtime/samples/initial-state-assign/_config.js b/test/runtime/samples/initial-state-assign/_config.js
new file mode 100644
index 0000000000..961cffae43
--- /dev/null
+++ b/test/runtime/samples/initial-state-assign/_config.js
@@ -0,0 +1,7 @@
+export default {
+	data: { bar: 'bar' },
+	html: `
+		"foo"
+		"bar"
+	`,
+};
diff --git a/test/runtime/samples/initial-state-assign/main.html b/test/runtime/samples/initial-state-assign/main.html
new file mode 100644
index 0000000000..5c9f1826a0
--- /dev/null
+++ b/test/runtime/samples/initial-state-assign/main.html
@@ -0,0 +1,10 @@
+{{JSON.stringify(foo)}}
+{{JSON.stringify(bar)}}
+
+<script>
+	export default {
+		data() {
+			return { foo: 'foo' };
+		}
+	};
+</script>