What's Changed
- ci(pull-request): Fix generate comments for empty changes by @ericfennis in #2593
- feat(lucide-react, lucide-preact, lucide-react-native, lucide-solid, lucide-vue-next): Adjustable icon naming imports by @ericfennis in #2328
- fix(icons): changed
glass-water
icon by @jguddas in #2579
Adjustable icon naming imports
Customize import name styles for lucide-react
, lucide-vue
, lucide-react-native
, lucide-preact
, to manage autocompletion in your IDE.
- Turn off autocomplete in your IDE:
Add the following to yoursettings.json
{
"typescript.preferences.autoImportFileExcludePatterns": [
"lucide-react",
"lucide-preact",
"lucide-react-native",
"lucide-vue-next"
]
}
- 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";
}