Open stijns96 opened 3 days ago
v2.18.7
-
I'm using downloaded font awesome 6 svg's in my assets folder, but somehow I can't override the surround icons.
nuxt.config.ts
// @nuxt/icon (handled by @nuxt/ui) icon: { customCollections: [ { prefix: "fa-light", dir: "./assets/icons/font-awesome/light", }, { prefix: "fa-brands", dir: "./assets/icons/font-awesome/brands", }, ], },
app.config.js
export default defineAppConfig({ ui: { icons: { prev: "fa-light:arrow-left", next: "fa-light:arrow-right", }, content: { surround: { icon: { prev: "fa-light:arrow-left", next: "fa-light:arrow-right", }, }, }, }, },
Adding it to icons.prev and icons.next is not working at all.
icons.prev
icons.next
Overriding it in content.surround.icon.... is working (class-wise), but simply not adding the icons..
content.surround.icon....
No response
Same actually also goes for the copy icons of the CodeBlock
Environment
Version
v2.18.7
Reproduction
-
Description
I'm using downloaded font awesome 6 svg's in my assets folder, but somehow I can't override the surround icons.
nuxt.config.ts
app.config.js
Adding it to
icons.prev
andicons.next
is not working at all.Overriding it in
content.surround.icon....
is working (class-wise), but simply not adding the icons..Additional context
No response
Logs
No response