Custom icon collection path bug when using Nuxt v4 directory structure

[realsamanrad]

Environment

• Node version: 22.13
• Nuxt version: 3.15

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.11

Reproduction

https://codesandbox.io/p/devbox/affectionate-sky-8vxn4g

Description

When using compatibilityVersion: 4, the dir in icon.customCollections should be absolute path (./app/assets/icons):

✔ Nuxt Icon loaded local collection custom with 1 icons

Otherwise, when using ~/assets/icons, it doesn't find any icon:

✔ Nuxt Icon loaded local collection custom with 0 icons

Additional context

nuxt.config.ts

export default defineNuxtConfig({
  modules: ["@nuxt/ui"],
  devtools: { enabled: true },
  compatibilityDate: "2024-12-19",
  future: {
    compatibilityVersion: 4,
  },
  icon: {
    customCollections: [
      {
        prefix: "custom",
        dir: "~/assets/icons", // not working
        // dir: "./app/assets/icons", // it works
      },
    ],
  },
});

Logs