Skip to content
This repository was archived by the owner on Mar 4, 2025. It is now read-only.

Vuesax template icons missing #718

Closed
dmnsea opened this issue Feb 16, 2021 · 0 comments · Fixed by #722
Closed

Vuesax template icons missing #718

dmnsea opened this issue Feb 16, 2021 · 0 comments · Fixed by #722

Comments

@dmnsea
Copy link

dmnsea commented Feb 16, 2021

When creating from UI templates, there is a problem with Vuesax UI library.
I guess somewhere here - https://github.com/nuxt/create-nuxt-app/tree/master/packages/cna-template/template/frameworks/vuesax
Should be added boxicons dependency and made css import for boxicons/css/boxicons.min.css

Why boxicons:
Vuesax docs doesn't described somewhere that it uses boxicons, but in examples (sidebar example contains many icons) they use:

<i class='bx bx-home'></i>

In discord community I've got that these icons are boxicons, which usage exactly the same:

<i class='bx bx-user'></i>
<i class='bx bxs-user'></i>
<i class='bx bxl-facebook-square'></i>

I'm not sure how fix should looks like (I'm newbie), but in my case:

  1. I've installed box icons npm install boxicons --save
  2. Inside ~/plugins/vuesax.js I added css import import 'boxicons/css/boxicons.min.css'
    After that icons become displayed.

P.S.: I'm not sure if it's correct "fix" for problem or it should be done in another way.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant