···7273To distribute different packages we use PNPM workspaces. Before you start make sure you are familiar with this concept. The concept of working in workspaces is created by Yarn, they have a well written introduction: [yarn workspaces](https://classic.yarnpkg.com/lang/enhttps://lucide.dev/docs/workspaces).
7475-The configured directory for workspaces is the [packages](./packages) directory, located in the root directory. There you will find all the current packages from lucide.
76-There are more workspaces defined, see [`pnpm-workspace.yaml`](./pnpm-workspace.yaml).
7778> Note: One package is not managed by pnpm: **lucide-flutter**, this package is written in Dart and used pub for publishing.
79···153154### Docs
155156-The lucide.dev website is using [vitepress](https://vitepress.dev/) to generate the static website. The markdown files are located in the docs directory.
157158### Guides
159
···7273To distribute different packages we use PNPM workspaces. Before you start make sure you are familiar with this concept. The concept of working in workspaces is created by Yarn, they have a well written introduction: [yarn workspaces](https://classic.yarnpkg.com/lang/enhttps://lucide.dev/docs/workspaces).
7475+The configured directory for workspaces is the [packages](https://github.com/lucide-icons/lucide/tree/main/packages) directory, located in the root directory. There you will find all the current packages from lucide.
76+There are more workspaces defined, see [`pnpm-workspace.yaml`](https://github.com/lucide-icons/lucide/blob/main/pnpm-workspace.yaml).
7778> Note: One package is not managed by pnpm: **lucide-flutter**, this package is written in Dart and used pub for publishing.
79···153154### Docs
155156+The lucide.dev website is using [vitepress](https://vitepress.dev/) to generate the static website. The markdown files are located in the docs directory.
157158### Guides
159
···1<script setup lang="ts">
2import type { IconEntity } from '../../types'
3-import { computed, ref, watch } from 'vue'
4import createLucideIcon from 'lucide-vue-next/src/createLucideIcon';
5import IconButton from '../base/IconButton.vue';
6import IconContributors from './IconContributors.vue';
···1<script setup lang="ts">
2import type { IconEntity } from '../../types'
3+import { computed } from 'vue'
4import createLucideIcon from 'lucide-vue-next/src/createLucideIcon';
5import IconButton from '../base/IconButton.vue';
6import IconContributors from './IconContributors.vue';
···6import useSearchInput from '../../composables/useSearchInput';
7import StickyBar from './StickyBar.vue';
8import IconsCategory from './IconsCategory.vue';
9-import { useFetch } from '@vueuse/core';
10import useFetchTags from '../../composables/useFetchTags';
11import useFetchCategories from '../../composables/useFetchCategories';
12
···6import useSearchInput from '../../composables/useSearchInput';
7import StickyBar from './StickyBar.vue';
8import IconsCategory from './IconsCategory.vue';
09import useFetchTags from '../../composables/useFetchTags';
10import useFetchCategories from '../../composables/useFetchCategories';
11