Components config in the project is not being respected

[remreren]

Currently, I started to use 8bitcn-ui for one of my projects.

The issue is that I am using ./app/components/ as components directory. Here is an example components.json file from my project:

components.json:

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "new-york",
  "rsc": false,
  "tsx": true,
  "tailwind": {
    "config": "",
    "css": "app/app.css",
    "baseColor": "zinc",
    "cssVariables": true,
    "prefix": ""
  },
  "iconLibrary": "lucide",
  "aliases": {
    "components": "~/components",
    "utils": "~/lib/utils",
    "ui": "~/components/ui",
    "lib": "~/lib",
    "hooks": "~/hooks"
  },
  "registries": {
    "@8bitcn": "http://localhost:3001/r/{name}.json" // for testing purposes
  }
}

tsconfig.json:

{
  "include": [
    "**/*",
    "**/.server/**/*",
    "**/.client/**/*",
    ".react-router/types/**/*"
  ],
  "compilerOptions": {
    "lib": ["DOM", "DOM.Iterable", "ES2022"],
    "types": ["node", "vite/client"],
    "target": "ES2022",
    "module": "ES2022",
    "moduleResolution": "bundler",
    "jsx": "react-jsx",
    "rootDirs": [".", "./.react-router/types"],
    "baseUrl": ".",
    "paths": {
      "~/*": ["./app/*"], // -> here is the ./app defined as ~/...
    },
    "esModuleInterop": true,
    "verbatimModuleSyntax": true,
    "noEmit": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "strict": true
  }
}

As you can see in the config, I am using ./app/components/ as components dir. but when I try to install any component via npx shadcn@latest add @8bitcn/button command, it installs the component into ./components/ dir. Nothing worked besides moving them manually.

I did found the issue and created a patch for it. I will attach the PR when I created it.

Edit:
Readability

[remreren]

PR is now open #528