Skip to content

Lucide preset

@vuecs/icons-lucide populates vuecs's semantic-slot defaults with Lucide Iconify names (lucide:*).

bash
npm install @vuecs/icons-lucide

Setup

ts
import vuecs from '@vuecs/core';
import lucide from '@vuecs/icons-lucide';

app.use(vuecs, {
    icons: [lucide()],
});

The preset is config-only — no icon data ships with this package. Wire icon delivery via your existing tooling. See Icons setup → Delivery options for the full recipes (Nuxt + @nuxt/icon, manual addCollection(), unplugin-icons, or the Iconify CDN).

What it configures

ComponentSlotIcon
VCPaginationfirstIconlucide:chevrons-left
VCPaginationprevIconlucide:chevron-left
VCPaginationnextIconlucide:chevron-right
VCPaginationlastIconlucide:chevrons-right
useSubmitButton()createIconlucide:plus
useSubmitButton()updateIconlucide:save

See also

Released under the Apache 2.0 License.