Validate image prop example URLs in Code Component metadata files
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3586959. -->
Reported by: [balintbrews](https://www.drupal.org/user/613760)
Related to !988
>>>
<h3>Overview</h3>
<p>The ESLint and CLI validation doesn't cover example image prop values in <code>component.yml</code> files, where adding a relative path causes issues. The backend schema validation shouldn't let that happen, and the CLI push command should fail, but it currently doesn't: <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/canvas/-/work_items/3586958" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/canvas/-/work_items/3586958</a></span>.</p>
<p>Even with that backend issue fixed, it's a much faster feedback if validate with ESLint.</p>
<h3>Proposed resolution</h3>
<p>Extend <code>@drupal-canvas/eslint-config</code> with a rule in the <code>required</code> config that validates example <code>src</code> values for <code>canvas.module/image</code> props.</p>
<p>The rule should report non-fully-qualified URLs for both single image props and array-of-image props, and the error message should include a short actionable recommendation, for example suggesting a placeholder URL such as <code>https://placehold.co/600x400</code>.</p>
<h3>User interface changes</h3>
<p>n/a</p>
> Related issue: [Issue #3586958](https://www.drupal.org/node/3586958)
issue