Currently, icons are just SVGs dropped into the code. To help with reusability we need a base component <BaseIcon :icon=""> which takes a single param icon that takes a string of the icon name.
Within the component, we can keep all the SVG icons and display them based on the icon param.
You can start by searching for all the SVG icons (currently we are using Hero Icons), collect them into the component and then replace them with the component.
Currently, icons are just SVGs dropped into the code. To help with reusability we need a base component
<BaseIcon :icon="">
which takes a single paramicon
that takes a string of the icon name.Within the component, we can keep all the SVG icons and display them based on the
icon
param.You can start by searching for all the SVG icons (currently we are using Hero Icons), collect them into the component and then replace them with the component.