feat(lucide-react, lucide-preact, lucide-react-native, lucide-solid, lucide-vue-next): Adjustable icon naming imports

[ericfennis]

Closes #1830

Choosing import name style

Customize import name styles for lucide-react, lucide-vue, lucide-react-native, lucide-preact, to manage autocompletion in your IDE.

1. Turn off autocomplete in your IDE:
   Add the following to your settings.json

{
  "typescript.preferences.autoImportFileExcludePatterns": [
    "lucide-react",
    "lucide-preact",
    "lucide-react-native",
    "lucide-vue-next"
  ]
}

2. Create a custom module declaration file:

It allows you to choose the import name style.

For React:

declare module "lucide-react" {
  // Prefixed import names
  export * from "lucide-react/dist/lucide-react.prefixed";
  // or
  // Suffixed import names
  export * from "lucide-react/dist/lucide-react.suffixed";
}

For Vue:

declare module "lucide-vue-next" {
  // Prefixed import names
  export * from "lucide-vue-next/dist/lucide-vue-next.prefixed";
  // or
  // Suffixed import names
  export * from "lucide-vue-next/dist/lucide-vue-next.suffixed";
}

See documentation