Custom icons problem

customCollections: {
        // key as the collection name
        'my-icons': {
          play: '<svg><!-- ... --></svg>',
          // load your custom icon lazily
          settings: () => fs.readFile('../public/svg-icon/play.svg', 'utf-8'),
          /* ... */
        },
      },

// generated by unplugin-vue-components

 Iconplay: typeof import('~icons/ic/onplay')['default']

console.error

Icon `ic:onplay` not found

There seems to be a problem with the automatically generated path The correct path is more likely to be like this

 Iconplay: typeof import('~icons/my-icons/play')['default']