ARCH002 · Prop count

Severity: info · Category: architecture

What it checks

Flags a component that destructures more than 10 props from $props(). A rest element (...rest) or a non-destructured $props() is not counted.

Why it matters

A component with a large prop surface is usually doing too much; grouping related props or splitting the component keeps its API understandable.

How to fix

<script>
  // Group related props into an object instead of many flat props.
  let { user, layout } = $props(); // user: { name, avatar, … }
</script>