Error while using it with web pack 5

[brianignacio5]

I've try using your components but have this issue:

ERROR in ./src/views/cmakelists-editor/components/ArrayElement.vue?vue&type=script&setup=true&lang=ts (./node_modules/ts-loader/index.js??clonedRuleSet-4.use!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./src/views/cmakelists-editor/components/ArrayElement.vue?vue&type=script&setup=true&lang=ts) 4:22-65
Module not found: Error: Package path . is not exported from package /Users/brainignacio/workspace/vscode-esp-idf-extension/node_modules/@iconify-prerendered/vue-codicon (see exports field in /Users/brainignacio/workspace/vscode-esp-idf-extension/node_modules/@iconify-prerendered/vue-codicon/package.json)
 @ ./src/views/cmakelists-editor/components/ArrayElement.vue?vue&type=script&setup=true&lang=ts 1:0-225 1:0-225 1:226-440 1:226-440
 @ ./src/views/cmakelists-editor/components/ArrayElement.vue 2:0-74 3:0-69 3:0-69 8:49-55
 @ ./node_modules/ts-loader/index.js??clonedRuleSet-4.use!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./src/views/cmakelists-editor/components/CMakeListsElement.vue?vue&type=script&setup=true&lang=ts 7:27-56
 @ ./src/views/cmakelists-editor/components/CMakeListsElement.vue?vue&type=script&setup=true&lang=ts 1:0-230 1:0-230 1:231-450 1:231-450
 @ ./src/views/cmakelists-editor/components/CMakeListsElement.vue 2:0-79 3:0-74 3:0-74 6:49-55
 @ ./node_modules/ts-loader/index.js??clonedRuleSet-4.use!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./src/views/cmakelists-editor/CmakeListsEditor.vue?vue&type=script&setup=true&lang=ts 7:32-77
 @ ./src/views/cmakelists-editor/CmakeListsEditor.vue?vue&type=script&setup=true&lang=ts 1:0-223 1:0-223 1:224-436 1:224-436
 @ ./src/views/cmakelists-editor/CmakeListsEditor.vue 2:0-78 3:0-73 3:0-73 8:49-55
 @ ./src/views/cmakelists-editor/main.ts 22:31-83

webpack 5.76.3 compiled with 1 error in 36364 ms
error Command failed with exit code 1.

Maybe there is some rule not working for webpack conditional syntax ?

EDIT: I've tried this and works:

"exports": {
    ".": {
      "types": "./index.d.ts",
      "default": "./index.js"
    }
  }

Apologies, no modification needed. just need to resolve it in webpack.config.js:

resolve: {
    conditionNames: ['import']
}