How to configure custom svgs when using vite and nuxt plugin for vite

[nickmarkfurness]

Package

v4.x

Description

I have followed the nuxt documentation to use a folder of svgs under assets, i only have x2 svgs at the minute.
I have created a nuxt.config.ts file at the root folder level alongside the package.json

export default defineNuxtConfig({ modules: ['@nuxt/ui', undefined], css: ['~/assets/css/main.css'], icon: { customCollections: [{ prefix: 'svg', dir: './assets/svg', recursive: true }] } })

How ever when i try to add the icon to my page i don't see anything.

<UIcon name="i-svg-sidebar-logo-only:svg" />

I am using the latest and greatest version to date of all the components too.

Am i missing something ... is it possible to given the use of vite ?