fix(Image): shape not working without explicit image height

[mbove-square]

Describe the problem this PR addresses

• Image shape circle and arch were not working without defining an explicit height for the image. This was because the onLoaded method being used to set the image height and width was being triggered in the same update cycle as loaded. Because we are using v-show="loaded" the element has not yet appeared in the DOM so the offsetHeight will always be 0. You can see in the screenshot that the shape is actually applied, once the resize method has been triggered and the element is actually visible.

https://github.com/square/maker/assets/82115556/0d93cbb3-323a-4af5-94c6-04551b95ca4a

Describe the changes in this PR

• This PR ensures that offsetHeight is only retrieved after the DOM has had a chance to update and the image is actually visible

Other information

[github-actions[bot]]

Deployed Styleguide and Lab.

Notes

1. Links may take a few minutes to update after PR is opened or commit is pushed.
2. Links may become invalidated after PR is merged or closed.
3. Links for all releases and open PRs can be found on the Maker Deploys page.

[github-actions[bot]]

:tada: This PR is included in version 19.6.2 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: