New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Replace nuxtjs/svg
with nuxtjs/svg-sprite
#2135
Conversation
Size Change: -9.43 kB (-1%) Total Size: 839 kB
ℹ️ View Unchanged
|
Full-stack documentation: https://docs.openverse.org/_preview/2135 Please note that GitHub pages takes a little time to deploy newly pushed code, if the links above don't work or you see old versions, wait 5 minutes and try again. You can check the GitHub pages deployment action list to see the current status of the deployments. |
0241fd5
to
66e117e
Compare
5c966c1
to
a7982c5
Compare
66e117e
to
64bf705
Compare
e87d12f
to
ca6191e
Compare
299fb93
to
dd84531
Compare
5a0ec34
to
375c672
Compare
dd84531
to
fc4e441
Compare
27b08a0
to
aeba68b
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is great 🎉
99f4c1d
to
5e102b7
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM, but I have a few questions!
aria-hidden="true" | ||
focusable="false" | ||
> | ||
<use :href="`${Oops}#oops`" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should this href have been deleted?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yes, the <VSvg>
component handles finding the href
s now, and we do not use the id of the inner SVG path. We only need to pass the name of the file to use it as an SVG.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
(don't want to block a merge though)
21e2665
to
24b8d1a
Compare
Fixes
Fixes #1849 by @obulat
Description
This PR replaces "nuxtjs/svg" library that does not have support for Nuxt 3 with "nuxtjs/svg-sprite". We already use it for icons.
To use it for the images of various sizes, we have to add a
viewBox
to theVSvg
components - I couldn't find a better solution, unfortunately.Testing Instructions
All of the Visual Regression tests in the CI should still pass because there should be no visible change.
So, to test this PR you would need to just read through the code and check that the CI passes.
Checklist
Update index.md
).main
) or a parent feature branch.Developer Certificate of Origin
Developer Certificate of Origin