`@bedard/vue-lucide`

Tree-shakeable Vue components for Lucide icons

Installation

Install via NPM

npm install @bedard/vue-lucide

Install via cdn

<script src="https://unpkg.com/@bedard/vue-lucide"></script>

The cdn bundle is very big, do not use it for anything serious.

All components are suffixed with Icon. For cdn use, access icons via window.VueLucide.

<template>
  <ShareIcon size="24" />
</template>

<script setup>
import { ShareIcon } from '@bedard/lucide-vue'
</script>

Use size to set the height and width together. If no stroke is defined, icons will use the current text color.

When this library falls out of sync with Lucide, run the following commands.

npm install

npm run build