fix: relax slot prop validation on components (#11923)

If a component is not inside a slot context, having a slot property is fine and doesn't have any restrictions

.changeset/tame-goats-bow.md

@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+fix: relax slot prop validation on components

packages/svelte/src/compiler/phases/2-analyze/validation.js

@@ -87,7 +87,7 @@ function validate_component(node, context) {
 			validate_attribute_name(attribute);
 
 			if (attribute.name === 'slot') {
-				validate_slot_attribute(context, attribute);
+				validate_slot_attribute(context, attribute, true);
 			}
 		}
 	}
@@ -253,8 +253,9 @@ function validate_attribute_name(attribute) {
 /**
  * @param {import('zimmerframe').Context<import('#compiler').SvelteNode, import('./types.js').AnalysisState>} context
  * @param {import('#compiler').Attribute} attribute
+ * @param {boolean} is_component
  */
-function validate_slot_attribute(context, attribute) {
+function validate_slot_attribute(context, attribute, is_component = false) {
 	let owner = undefined;
 
 	let i = context.path.length;
@@ -310,7 +311,7 @@ function validate_slot_attribute(context, attribute) {
 				}
 			}
 		}
-	} else {
+	} else if (!is_component) {
 		e.slot_attribute_invalid_placement(attribute);
 	}
 }

packages/svelte/tests/validator/samples/slot-attribute-component/errors.json

@@ -0,0 +1 @@
+[]

packages/svelte/tests/validator/samples/slot-attribute-component/input.svelte

@@ -0,0 +1,2 @@
+<Foo slot="foo">valid</Foo>
+<Foo slot={foo}>valid</Foo>