search

epicmaxco / vuestic-ui

Vuestic UI is an open-source Vue 3 component library designed for rapid development, easy maintenance, and high accessibility. Maintained by Epicmax (@epicmaxco).
https://vuestic.dev
MIT License
3.52k stars 340 forks source link

--va-font-family overwriting Material Symbols #4389

Closed beard7 closed 1 month ago

beard7 commented 1 month ago

Vuestic-ui version: 1.10.2

Description

In some situations, the Material Symbols font is being overwritten with that defined by --va-font-family. This is only occuring after running vite build and it only affects certain components.

Reproduction

For example, this is part of a component used in a table cell:

<VaDropdown>
  <template #anchor>
    <VaIcon name="mso-groups" color="secondary" />
  </template>
  <VaDropdownContent>
    Content Here
  </VaDropdownContent>
</VaDropdown>

After vite build, the font-family from the outer va-dropdown is overwriting that of the va-icon.

During development, running vite, everything works as expected.

I'm pretty new to both Vite and Vuestic, so I don't really know where the issue lies.