diff --git a/test/generator/component-attribute-spread/Widget.html b/test/generator/component-attribute-spread/Widget.html
new file mode 100644
index 0000000000..d767d2c07a
--- /dev/null
+++ b/test/generator/component-attribute-spread/Widget.html
@@ -0,0 +1 @@
+<input {{options}}/>
diff --git a/test/generator/component-attribute-spread/_config.js b/test/generator/component-attribute-spread/_config.js
new file mode 100644
index 0000000000..c9c42a1e3a
--- /dev/null
+++ b/test/generator/component-attribute-spread/_config.js
@@ -0,0 +1,3 @@
+export default {
+	html: '<input type="text" value="Hello World"/>',
+};
diff --git a/test/generator/component-attribute-spread/main.html b/test/generator/component-attribute-spread/main.html
new file mode 100644
index 0000000000..946a1c4cf5
--- /dev/null
+++ b/test/generator/component-attribute-spread/main.html
@@ -0,0 +1,17 @@
+<Widget options="{{options}}"/>
+
+<script>
+	import Widget from './Widget.html';
+
+	export default {
+		data: () => ({
+			options: {
+			    type: 'text',
+					value: 'Hello World'
+			}
+		}),
+		components: {
+		    Widget
+		}
+	};
+</script>