Lucide Svelte (javascript / icons)

notes:

no notes

Release list
0.544.0
RECENT
0.543.0
0.542.0
0.541.0
0.540.0
0.539.0
0.538.0
0.537.0
0.536.0
0.535.0
0.534.0
0.533.0
0.532.0
0.531.0
0.530.0
0.529.0
0.528.0
0.527.0
0.526.0
0.525.0
Release notes:

What's Changed

  • ci(pull-request): Fix generate comments for empty changes by @ericfennis in https://github.com/lucide-icons/lucide/pull/2593
  • feat(lucide-react, lucide-preact, lucide-react-native, lucide-solid, lucide-vue-next): Adjustable icon naming imports by @ericfennis in https://github.com/lucide-icons/lucide/pull/2328
  • fix(icons): changed glass-water icon by @jguddas in https://github.com/lucide-icons/lucide/pull/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.

  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"
  ]
}
  1. 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";
}

Copyright © 2023 - All right reserved by Yadoc SAS