From 474c75bfd64aba7c5ee72fa3505832387fb272af Mon Sep 17 00:00:00 2001 From: Eric Fennis Date: Fri, 8 Nov 2024 15:49:01 +0100 Subject: [PATCH] Add vscode settings option --- docs/guide/advanced/aliased-names.md | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/docs/guide/advanced/aliased-names.md b/docs/guide/advanced/aliased-names.md index e9eb3d6aaf8..148af8faf60 100644 --- a/docs/guide/advanced/aliased-names.md +++ b/docs/guide/advanced/aliased-names.md @@ -17,9 +17,25 @@ import { To be consistent in your imports or want to change the autocompletion of Lucide icons in your IDE there an option to able the choose the import name style you want. -This can be done by creating a custom module declaration file. And override the lucide imports. This only works for TypeScript projects. +This can be done by creating a custom module declaration file to override the lucide imports and turning off the autocomplete in your IDE. + +### Turn off autocomplete in your IDE + +```json [.vscode/settings.json] +{ + "typescript.preferences.autoImportFileExcludePatterns": [ + "lucide-react", // or + "lucide-preact", // or + "lucide-react-native", // or + "lucide-vue-next", + ] +} +``` + +### Create a custom module declaration file Only available for `lucide-react`, `lucide-preact`, `lucide-react-native`, `lucide-vue-next` package. +This will enable you to choose the import name style you want to use in your project. ::: code-group