feat: APPS-2565, APPS-2566 convert ImpactRichText & StoryWithImage to vue 3

[farosFreed]

Connected to APPS-2565, APPS-2566

Component Created: ImpactRichText.vue, StoryWithImage.vue

Stories: ~/stories/ImpactRichText.stories.js, ~/stories/StoryWithImage.stories.js

Spec: ~/stories/ImpactRichText.spec.js, ~/stories/StoryWithImage.spec.js

Notes:

Converting https://github.com/UCLALibrary/ucla-library-website-components/blob/6fa09ba3a750e4ced038d14fa4c25b5055fbde88/src/lib-components/StoryWithImage.vue

The original component had a computed value parsedRatio which referenced this.ratio ... however, it had no this.ratio prop. I tested the component without it and it seemed to function the same as the original version.

After discussing with the team, we decided to hardcode the value to 60

---

Also converted https://github.com/UCLALibrary/ucla-library-website-components/blob/6fa09ba3a750e4ced038d14fa4c25b5055fbde88/src/lib-components/ImpactRichText.vue ... which had the same variable setup, and I used the same solution.

Checklist:

• [ X] I checked that it is working locally in the dev server
• [ X] I checked that it is working locally in the storybook
• [ ] I checked that it is working locally in the library-website-nuxt dev server
• [ ] I added a screenshot of it working
• [ ] UX has reviewed and approved this
• [ ] I assigned this PR to someone on the dev team to review
• [ X] I used a conventional commit message
• [ X] I assigned myself to this PR

[github-actions[bot]]

Percy Screenshots

In order to conserve our percy screenshot allowance, percy is not configured to run automatically. Please make sure the PR is ready and all other checks are passing, then start it manually:

1. Visit https://github.com/UCLALibrary/ucla-library-website-components/actions/workflows/percy.yml 2. Click the 'Run workflow' button in the blue bar. 3. Select the correct branch for this PR and click 'Run workflow' again to confirm.

[github-actions[bot]]

🚀 Deployed on https://deploy-preview-480--ucla-library-storybook-vue3x.netlify.app

[pghorpade]

:tada: This PR is included in version 2.39.0-alpha.55 :tada:

The release is available on:

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

Your semantic-release bot :package::rocket: