[Nuxt] icons not showing but fixed

[ochanje210]

• Your OS: macOS
• Node.js version: v12.16.3
• Vuesax version: 4.0.1-alpha.25
• Browser version: Chrome 87.0.4280.88 (Official Build) (x86_64)
• Which package manager did you use for the install?: npm
• Nuxt version: 2.14.6

My project is Nuxt.js + Vuesax

Input icons are not showing up and here is an example code:

<vs-input v-model="input">
  <template #icon>
    <i class="bx bx-hide"></i>
  </template>
</vs-input>

I fixed this by adding boxicons CSS manually like the following:

// nuxt.config.js
...
{
    rel: "stylesheet",
    href: "https://unpkg.com/[email protected]/css/boxicons.min.css",
},
...

[ochanje210]

feel free to close this!

[NEK-RA]

@ochanje210 is this problem Nuxt related only? 🤔

P.S: in my case I've installed boxicons from npm and added css-import into ~/plugins/vuesax.js

import Vue from 'vue'
import Vuesax from 'vuesax'

import 'boxicons/css/boxicons.min.css'

Vue.use(Vuesax)

[xdbytes]

@NEK-RA Your answer solved my problem, thanks.