Lucide Svelte (javascript / icons)

notes:

no notes

Release list
0.510.0
RECENT
0.509.0
RECENT
0.508.0
RECENT
0.507.0
0.506.0
0.505.0
0.504.0
0.503.0
0.502.0
0.501.0
0.500.0
0.499.0
0.498.0
0.497.0
0.496.0
0.495.0
0.494.0
0.493.0
0.492.0
0.491.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