We should have a page where all Vue icons can be viewed with their names. Since currently the icons are all from Material Symbols they can be easily viewed on Google's website, but this doesn't make it clear how our icons are named.
Acceptance Criteria
Have an overview page with all icons and their Vue component names
Ability to copy the Vue component name
Optional: ability to copy the SVG source
Ideally this page is located on the docs site. However, since we have no nice way of building it locally or previewing it in CI, Storybook might be a better place.
I took a stab at this but ran into the issue of how to import the icons:
The docs site: would make sense, but doesn't seem possible due to the current setup where the docs folder is copied to the documentation-base repo and then built. This means we seemingly can't easily dynamically import the icons. Besides, we only have a master build for the icons leading to issues with how to properly display the latest release version.
Storybook: It's possible to import the icons here, but on build it leads to errors because they are not in the same workspace. There's also some other problems to solve with versioning as the icons and design library packages are versioned separately.
We should have a page where all Vue icons can be viewed with their names. Since currently the icons are all from Material Symbols they can be easily viewed on Google's website, but this doesn't make it clear how our icons are named.
Acceptance Criteria
Ideally this page is located on the docs site. However, since we have no nice way of building it locally or previewing it in CI, Storybook might be a better place.