Merge branch 'main' of https://github.com/lucide-icons/lucide into add-angolia-search

2025-12-17 16:17:43 +01:00 · 2024-01-17 21:41:11 +01:00 · 2023-12-13 23:02:16 +01:00 · 2023-07-12 13:01:09 +02:00 · 2023-06-12 22:26:30 +02:00 · 2023-06-06 17:15:36 +02:00
97 changed files with 1541 additions and 893 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -7,12 +7,20 @@ module.exports = {
    node: true,
  },
  extends: ['airbnb-base', 'prettier'],
-  plugins: ['import', '@html-eslint'],
+  plugins: ['import', 'prettier', '@html-eslint'],
  rules: {
    'no-console': 'off',
    'no-param-reassign': 'off',
    'no-shadow': 'off',
    'no-use-before-define': 'off',
+    'prettier/prettier': [
+      'error',
+      {
+        singleQuote: true,
+        trailingComma: 'all',
+        printWidth: 100
+      },
+    ],
    'import/no-extraneous-dependencies': [
      'error',
      { devDependencies: ['**/*.test.js', '**/*.spec.js', './scripts/**'] },
@@ -38,6 +46,7 @@ module.exports = {
      files: ['./icons/*.svg'],
      parser: '@html-eslint/parser',
      rules: {
+        'prettier/prettier': 'off',
        '@html-eslint/require-doctype': 'off',
        '@html-eslint/no-duplicate-attrs': 'error',
        '@html-eslint/no-inline-styles': 'error',
--- a/.github/actions/build-and-test.yml
+++ b/.github/actions/build-and-test.yml
@@ -18,7 +18,7 @@ runs:
      name: Install pnpm
      id: pnpm-install
      with:
-        version: 8
+        version: 7
        run_install: false

    - name: Get pnpm store directory
--- a/.github/actions/check-icons.yml
+++ b/.github/actions/check-icons.yml
@@ -18,7 +18,7 @@ runs:
      name: Install pnpm
      id: pnpm-install
      with:
-        version: 8
+        version: 7
        run_install: false

    - name: Get pnpm store directory
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,16 +0,0 @@
-pnpm-lock.yaml
-
-# lucide-angular
-packages/lucide-angular/.angular/cache
-
-# lucide-static
-packages/lucide-static/icons
-packages/lucide-static/lib
-packages/lucide-static/sprite.svg
-packages/lucide-static/tags.json
-packages/lucide-static/icon-nodes.json
-packages/lucide-static/font
-
-# lucide-svelte
-packages/lucide-svelte/src/icons/*.svelte
-packages/lucide-svelte/.svelte-kit
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -119,12 +119,17 @@ export default defineConfig({
    editLink: {
      pattern: 'https://github.com/lucide-icons/lucide/edit/main/docs/:path'
    },
+    search: {
+      provider: 'algolia',
+      options: {
+        appId: 'R7KKMCPXOB',
+        apiKey: '04d422179bdfbb7c49092689bd18c31f',
+        indexName: 'lucide'
+      }
+    },
    carbonAds: {
      code: 'CWYIC53U',
      placement: 'lucidedev'
    }
  },
-  sitemap: {
-    hostname: 'https://lucide.dev/'
-  }
 })
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -13,6 +13,7 @@

  --vp-c-bg-alt-up: #fff;
  --vp-c-bg-alt-down: #fff;
+  --docsearch-container-background: rgba(22,22,32, .4);

  --vp-code-editor-plain: #24292E;
  --vp-code-editor-comment: #6A737D;
--- a/docs/guide/advanced/examples/global-styling-absolute-strokewidth-example/icon.css
+++ b/docs/guide/advanced/examples/global-styling-absolute-strokewidth-example/icon.css
@@ -11,6 +11,6 @@
 .app {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
-  grid-template-rows: 1fr 1fr 1fr;
+  grid-template-rows: 1fr 1fr 1fr
  gap: 6px;
 }
--- a/docs/guide/advanced/examples/global-styling-css-example/icon.css
+++ b/docs/guide/advanced/examples/global-styling-css-example/icon.css
@@ -9,6 +9,6 @@
 .app {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
-  grid-template-rows: 1fr 1fr 1fr;
+  grid-template-rows: 1fr 1fr 1fr
  gap: 6px;
 }
--- a/docs/guide/packages/lucide-react-native.md
+++ b/docs/guide/packages/lucide-react-native.md
@@ -72,7 +72,7 @@ The example below imports all ES Modules, so exercise caution when using it. Imp
 ### Icon Component Example

 ```jsx
-import { icons } from 'lucide-react-native';
+import { icons } from 'lucide-react';

 const Icon = ({ name, color, size }) => {
  const LucideIcon = icons[name];
--- a/docs/package.json
+++ b/docs/package.json
@@ -48,7 +48,7 @@
    "lucide-vue-next": "workspace:*",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
-    "sandpack-vue3": "3.1.8",
+    "sandpack-vue3": "^3.1.9",
    "semver": "^7.5.2",
    "shikiji": "^0.7.4",
    "simple-git": "^3.18.0",
--- a/icons/binary.svg
+++ b/icons/binary.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <rect x="14" y="14" width="4" height="6" rx="2" />
-  <rect x="6" y="4" width="4" height="6" rx="2" />
+  <rect width="4" height="6" x="14" y="14" rx="2" />
+  <rect width="4" height="6" x="6" y="4" rx="2" />
  <path d="M6 20h4" />
  <path d="M14 10h4" />
  <path d="M6 14h2v6" />
--- a/icons/calendar-check-2.json
+++ b/icons/calendar-check-2.json
@@ -6,13 +6,10 @@
  ],
  "tags": [
    "date",
-    "day",
-    "month",
-    "year",
+    "time",
    "event",
    "confirm",
    "subscribe",
-    "schedule",
    "done",
    "todo",
    "tick",
--- a/icons/calendar-check-2.svg
+++ b/icons/calendar-check-2.svg
@@ -9,9 +9,9 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M8 2v4" />
-  <path d="M16 2v4" />
  <path d="M21 14V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8" />
-  <path d="M3 10h18" />
+  <line x1="16" x2="16" y1="2" y2="6" />
+  <line x1="8" x2="8" y1="2" y2="6" />
+  <line x1="3" x2="21" y1="10" y2="10" />
  <path d="m16 20 2 2 4-4" />
 </svg>
--- a/icons/calendar-check.json
+++ b/icons/calendar-check.json
@@ -6,9 +6,7 @@
  ],
  "tags": [
    "date",
-    "day",
-    "month",
-    "year",
+    "time",
    "event",
    "confirm",
    "subscribe",
--- a/icons/calendar-check.svg
+++ b/icons/calendar-check.svg
@@ -9,9 +9,9 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M8 2v4" />
-  <path d="M16 2v4" />
-  <rect width="18" height="18" x="3" y="4" rx="2" />
-  <path d="M3 10h18" />
+  <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
+  <line x1="16" x2="16" y1="2" y2="6" />
+  <line x1="8" x2="8" y1="2" y2="6" />
+  <line x1="3" x2="21" y1="10" y2="10" />
  <path d="m9 16 2 2 4-4" />
 </svg>
--- a/icons/calendar-clock.json
+++ b/icons/calendar-clock.json
@@ -6,12 +6,9 @@
  ],
  "tags": [
    "date",
-    "day",
-    "month",
-    "year",
+    "time",
    "event",
-    "clock",
-    "hour"
+    "clock"
  ],
  "categories": [
    "time"
--- a/icons/calendar-clock.svg
+++ b/icons/calendar-clock.svg
@@ -13,6 +13,6 @@
  <path d="M16 2v4" />
  <path d="M8 2v4" />
  <path d="M3 10h5" />
-  <path d="M17.5 17.5 16 16.3V14" />
-  <circle cx="16" cy="16" r="6" />
+  <path d="M17.5 17.5 16 16.25V14" />
+  <path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z" />
 </svg>
--- a/icons/calendar-days.json
+++ b/icons/calendar-days.json
@@ -6,8 +6,7 @@
  ],
  "tags": [
    "date",
-    "month",
-    "year",
+    "time",
    "event"
  ],
  "categories": [
--- a/icons/calendar-days.svg
+++ b/icons/calendar-days.svg
@@ -9,10 +9,10 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M8 2v4" />
-  <path d="M16 2v4" />
-  <rect width="18" height="18" x="3" y="4" rx="2" />
-  <path d="M3 10h18" />
+  <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
+  <line x1="16" x2="16" y1="2" y2="6" />
+  <line x1="8" x2="8" y1="2" y2="6" />
+  <line x1="3" x2="21" y1="10" y2="10" />
  <path d="M8 14h.01" />
  <path d="M12 14h.01" />
  <path d="M16 14h.01" />
--- a/icons/calendar-fold.json
+++ b/icons/calendar-fold.json
@@ -1,19 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "danielbayley"
-  ],
-  "tags": [
-    "date",
-    "month",
-    "year",
-    "event",
-    "birthday",
-    "birthdate",
-    "ics"
-  ],
-  "categories": [
-    "time",
-    "files"
-  ]
-}
--- a/icons/calendar-fold.svg
+++ b/icons/calendar-fold.svg
@@ -1,17 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M8 2v4" />
-  <path d="M16 2v4" />
-  <path d="M21 17V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11Z" />
-  <path d="M3 10h18" />
-  <path d="M15 22v-4a2 2 0 0 1 2-2h4" />
-</svg>
--- a/icons/calendar-heart.json
+++ b/icons/calendar-heart.json
@@ -5,13 +5,11 @@
  ],
  "tags": [
    "date",
-    "month",
-    "year",
+    "time",
    "event",
    "heart",
    "favourite",
-    "subscribe",
-    "valentines day"
+    "subscribe"
  ],
  "categories": [
    "time"
--- a/icons/calendar-heart.svg
+++ b/icons/calendar-heart.svg
@@ -9,8 +9,9 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M3 10h18V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7" />
-  <path d="M8 2v4" />
+  <path d="M21 10V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h7" />
  <path d="M16 2v4" />
+  <path d="M8 2v4" />
+  <path d="M3 10h18" />
  <path d="M21.29 14.7a2.43 2.43 0 0 0-2.65-.52c-.3.12-.57.3-.8.53l-.34.34-.35-.34a2.43 2.43 0 0 0-2.65-.53c-.3.12-.56.3-.79.53-.95.94-1 2.53.2 3.74L17.5 22l3.6-3.55c1.2-1.21 1.14-2.8.19-3.74Z" />
 </svg>
--- a/icons/calendar-minus-2.json
+++ b/icons/calendar-minus-2.json
@@ -1,18 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "danielbayley"
-  ],
-  "tags": [
-    "date",
-    "day",
-    "month",
-    "year",
-    "event",
-    "delete",
-    "remove"
-  ],
-  "categories": [
-    "time"
-  ]
-}
--- a/icons/calendar-minus-2.svg
+++ b/icons/calendar-minus-2.svg
@@ -1,17 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M8 2v4" />
-  <path d="M16 2v4" />
-  <rect width="18" height="18" x="3" y="4" rx="2" />
-  <path d="M3 10h18" />
-  <path d="M10 16h4" />
-</svg>
--- a/icons/calendar-minus.json
+++ b/icons/calendar-minus.json
@@ -6,9 +6,7 @@
  ],
  "tags": [
    "date",
-    "day",
-    "month",
-    "year",
+    "time",
    "event",
    "delete",
    "remove"
--- a/icons/calendar-minus.svg
+++ b/icons/calendar-minus.svg
@@ -9,9 +9,9 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M8 2v4" />
-  <path d="M16 2v4" />
  <path d="M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8" />
-  <path d="M3 10h18" />
-  <path d="M16 19h6" />
+  <line x1="16" x2="16" y1="2" y2="6" />
+  <line x1="8" x2="8" y1="2" y2="6" />
+  <line x1="3" x2="21" y1="10" y2="10" />
+  <line x1="16" x2="22" y1="19" y2="19" />
 </svg>
--- a/icons/calendar-off.json
+++ b/icons/calendar-off.json
@@ -6,9 +6,7 @@
  ],
  "tags": [
    "date",
-    "day",
-    "month",
-    "year",
+    "time",
    "event",
    "delete",
    "remove"
--- a/icons/calendar-off.svg
+++ b/icons/calendar-off.svg
@@ -9,10 +9,10 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M4.2 4.2A2 2 0 0 0 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 1.82-1.18" />
+  <path d="M4.18 4.18A2 2 0 0 0 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 1.82-1.18" />
  <path d="M21 15.5V6a2 2 0 0 0-2-2H9.5" />
  <path d="M16 2v4" />
  <path d="M3 10h7" />
  <path d="M21 10h-5.5" />
-  <path d="m2 2 20 20" />
+  <line x1="2" x2="22" y1="2" y2="22" />
 </svg>
--- a/icons/calendar-plus-2.json
+++ b/icons/calendar-plus-2.json
@@ -1,20 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "danielbayley"
-  ],
-  "tags": [
-    "date",
-    "day",
-    "month",
-    "year",
-    "event",
-    "add",
-    "subscribe",
-    "create",
-    "new"
-  ],
-  "categories": [
-    "time"
-  ]
-}
--- a/icons/calendar-plus-2.svg
+++ b/icons/calendar-plus-2.svg
@@ -1,18 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M8 2v4" />
-  <path d="M16 2v4" />
-  <rect width="18" height="18" x="3" y="4" rx="2" />
-  <path d="M3 10h18" />
-  <path d="M10 16h4" />
-  <path d="M12 14v4" />
-</svg>
--- a/icons/calendar-plus.json
+++ b/icons/calendar-plus.json
@@ -6,9 +6,7 @@
  ],
  "tags": [
    "date",
-    "day",
-    "month",
-    "year",
+    "time",
    "event",
    "add",
    "subscribe",
--- a/icons/calendar-plus.svg
+++ b/icons/calendar-plus.svg
@@ -9,10 +9,10 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M8 2v4" />
-  <path d="M16 2v4" />
  <path d="M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8" />
-  <path d="M3 10h18" />
-  <path d="M16 19h6" />
-  <path d="M19 16v6" />
+  <line x1="16" x2="16" y1="2" y2="6" />
+  <line x1="8" x2="8" y1="2" y2="6" />
+  <line x1="3" x2="21" y1="10" y2="10" />
+  <line x1="19" x2="19" y1="16" y2="22" />
+  <line x1="16" x2="22" y1="19" y2="19" />
 </svg>
--- a/icons/calendar-range.json
+++ b/icons/calendar-range.json
@@ -6,9 +6,7 @@
  ],
  "tags": [
    "date",
-    "day",
-    "month",
-    "year",
+    "time",
    "event",
    "range",
    "period"
--- a/icons/calendar-range.svg
+++ b/icons/calendar-range.svg
@@ -9,10 +9,10 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <rect width="18" height="18" x="3" y="4" rx="2" />
-  <path d="M16 2v4" />
-  <path d="M3 10h18" />
-  <path d="M8 2v4" />
+  <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
+  <line x1="16" x2="16" y1="2" y2="6" />
+  <line x1="8" x2="8" y1="2" y2="6" />
+  <line x1="3" x2="21" y1="10" y2="10" />
  <path d="M17 14h-6" />
  <path d="M13 18H7" />
  <path d="M7 14h.01" />
--- a/icons/calendar-search.json
+++ b/icons/calendar-search.json
@@ -6,11 +6,9 @@
  ],
  "tags": [
    "date",
-    "day",
-    "month",
-    "year",
-    "events",
-    "search"
+    "time",
+    "search",
+    "events"
  ],
  "categories": [
    "time"
--- a/icons/calendar-search.svg
+++ b/icons/calendar-search.svg
@@ -9,10 +9,10 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M21 12V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7.5" />
+  <path d="M21 12V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h7.5" />
  <path d="M16 2v4" />
  <path d="M8 2v4" />
  <path d="M3 10h18" />
-  <circle cx="18" cy="18" r="3" />
+  <path d="M18 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6v0Z" />
  <path d="m22 22-1.5-1.5" />
 </svg>
--- a/icons/calendar-x-2.json
+++ b/icons/calendar-x-2.json
@@ -6,9 +6,7 @@
  ],
  "tags": [
    "date",
-    "day",
-    "month",
-    "year",
+    "time",
    "event",
    "remove"
  ],
--- a/icons/calendar-x-2.svg
+++ b/icons/calendar-x-2.svg
@@ -9,10 +9,10 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M8 2v4" />
-  <path d="M16 2v4" />
  <path d="M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8" />
-  <path d="M3 10h18" />
-  <path d="m17 22 5-5" />
-  <path d="m17 17 5 5" />
+  <line x1="16" x2="16" y1="2" y2="6" />
+  <line x1="8" x2="8" y1="2" y2="6" />
+  <line x1="3" x2="21" y1="10" y2="10" />
+  <line x1="17" x2="22" y1="17" y2="22" />
+  <line x1="17" x2="22" y1="22" y2="17" />
 </svg>
--- a/icons/calendar-x.json
+++ b/icons/calendar-x.json
@@ -6,9 +6,7 @@
  ],
  "tags": [
    "date",
-    "day",
-    "month",
-    "year",
+    "time",
    "event",
    "remove",
    "busy"
--- a/icons/calendar-x.svg
+++ b/icons/calendar-x.svg
@@ -9,10 +9,10 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M8 2v4" />
-  <path d="M16 2v4" />
-  <rect width="18" height="18" x="3" y="4" rx="2" />
-  <path d="M3 10h18" />
-  <path d="m14 14-4 4" />
-  <path d="m10 14 4 4" />
+  <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
+  <line x1="16" x2="16" y1="2" y2="6" />
+  <line x1="8" x2="8" y1="2" y2="6" />
+  <line x1="3" x2="21" y1="10" y2="10" />
+  <line x1="10" x2="14" y1="14" y2="18" />
+  <line x1="14" x2="10" y1="14" y2="18" />
 </svg>
--- a/icons/calendar.json
+++ b/icons/calendar.json
@@ -6,11 +6,10 @@
  ],
  "tags": [
    "date",
-    "month",
-    "year",
-    "event",
+    "birthdate",
    "birthday",
-    "birthdate"
+    "time",
+    "event"
  ],
  "categories": [
    "time"
--- a/icons/calendar.svg
+++ b/icons/calendar.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M8 2v4" />
-  <path d="M16 2v4" />
-  <rect width="18" height="18" x="3" y="4" rx="2" />
-  <path d="M3 10h18" />
+  <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
+  <line x1="16" x2="16" y1="2" y2="6" />
+  <line x1="8" x2="8" y1="2" y2="6" />
+  <line x1="3" x2="21" y1="10" y2="10" />
 </svg>
--- a/icons/goal.svg
+++ b/icons/goal.svg
@@ -12,4 +12,4 @@
  <path d="M12 13V2l8 4-8 4" />
  <path d="M20.55 10.23A9 9 0 1 1 8 4.94" />
  <path d="M8 10a5 5 0 1 0 8.9 2.02" />
-</svg>
+</svg>
--- a/icons/network.svg
+++ b/icons/network.svg
@@ -9,9 +9,9 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <rect x="16" y="16" width="6" height="6" rx="1" />
-  <rect x="2" y="16" width="6" height="6" rx="1" />
-  <rect x="9" y="2" width="6" height="6" rx="1" />
+  <rect width="6" height="6" x="16" y="16" rx="1" />
+  <rect width="6" height="6" x="2" y="16" rx="1" />
+  <rect width="6" height="6" x="9" y="2" rx="1" />
  <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3" />
  <path d="M12 12V8" />
 </svg>
--- a/icons/shapes.svg
+++ b/icons/shapes.svg
@@ -10,6 +10,6 @@
  stroke-linejoin="round"
 >
  <path d="M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z" />
-  <rect x="3" y="14" width="7" height="7" rx="1" />
+  <rect width="7" height="7" x="3" y="14" rx="1" />
  <circle cx="17.5" cy="17.5" r="3.5" />
 </svg>
--- a/icons/text-search.json
+++ b/icons/text-search.json
@@ -1,20 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "danielbayley"
-  ],
-  "tags": [
-    "find",
-    "data",
-    "copy",
-    "txt",
-    "pdf",
-    "document",
-    "scan",
-    "magnifier",
-    "magnifying glass"
-  ],
-  "categories": [
-    "text"
-  ]
-}
--- a/icons/text-search.svg
+++ b/icons/text-search.svg
@@ -1,17 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M21 6H3" />
-  <path d="M10 12H3" />
-  <path d="M10 18H3" />
-  <circle cx="17" cy="15" r="3" />
-  <path d="m21 19-1.9-1.9" />
-</svg>
--- a/icons/ticket-check.json
+++ b/icons/ticket-check.json
@@ -1,27 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "danielbayley"
-  ],
-  "tags": [
-    "entry",
-    "pass",
-    "voucher",
-    "event",
-    "concert",
-    "show",
-    "booked",
-    "purchased",
-    "receipt",
-    "redeemed",
-    "validated",
-    "verified",
-    "certified",
-    "checked",
-    "used"
-  ],
-  "categories": [
-    "account",
-    "transportation"
-  ]
-}
--- a/icons/ticket-check.svg
+++ b/icons/ticket-check.svg
@@ -1,14 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" />
-  <path d="m9 12 2 2 4-4" />
-</svg>
--- a/icons/ticket-minus.json
+++ b/icons/ticket-minus.json
@@ -1,24 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "danielbayley"
-  ],
-  "tags": [
-    "entry",
-    "pass",
-    "voucher",
-    "event",
-    "concert",
-    "show",
-    "remove",
-    "cancel",
-    "unbook",
-    "subtract",
-    "decrease",
-    "-"
-  ],
-  "categories": [
-    "account",
-    "transportation"
-  ]
-}
--- a/icons/ticket-minus.svg
+++ b/icons/ticket-minus.svg
@@ -1,14 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" />
-  <path d="M9 12h6" />
-</svg>
--- a/icons/ticket-percent.json
+++ b/icons/ticket-percent.json
@@ -1,25 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "danielbayley"
-  ],
-  "tags": [
-    "discount",
-    "reduced",
-    "offer",
-    "voucher",
-    "entry",
-    "pass",
-    "event",
-    "concert",
-    "show",
-    "book",
-    "purchase",
-    "%"
-  ],
-  "categories": [
-    "account",
-    "transportation",
-    "shopping"
-  ]
-}
--- a/icons/ticket-percent.svg
+++ b/icons/ticket-percent.svg
@@ -1,16 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M2 9a3 3 0 1 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 1 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" />
-  <path d="M9 9h.01" />
-  <path d="m15 9-6 6" />
-  <path d="M15 15h.01" />
-</svg>
--- a/icons/ticket-plus.json
+++ b/icons/ticket-plus.json
@@ -1,22 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "danielbayley"
-  ],
-  "tags": [
-    "entry",
-    "pass",
-    "voucher",
-    "event",
-    "concert",
-    "show",
-    "book",
-    "purchase",
-    "add",
-    "+"
-  ],
-  "categories": [
-    "account",
-    "transportation"
-  ]
-}
--- a/icons/ticket-plus.svg
+++ b/icons/ticket-plus.svg
@@ -1,15 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" />
-  <path d="M9 12h6" />
-  <path d="M12 9v6" />
-</svg>
--- a/icons/ticket-slash.json
+++ b/icons/ticket-slash.json
@@ -1,39 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "danielbayley"
-  ],
-  "tags": [
-    "entry",
-    "pass",
-    "voucher",
-    "event",
-    "concert",
-    "show",
-    "redeemed",
-    "used",
-    "marked",
-    "checked",
-    "verified",
-    "spoiled",
-    "invalidated",
-    "void",
-    "denied",
-    "refused",
-    "banned",
-    "barred",
-    "forbidden",
-    "prohibited",
-    "cancelled",
-    "cancellation",
-    "refunded",
-    "delete",
-    "remove",
-    "clear",
-    "error"
-  ],
-  "categories": [
-    "account",
-    "transportation"
-  ]
-}
--- a/icons/ticket-slash.svg
+++ b/icons/ticket-slash.svg
@@ -1,14 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" />
-  <path d="m9.5 14.5 5-5" />
-</svg>
--- a/icons/ticket-x.json
+++ b/icons/ticket-x.json
@@ -1,36 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "danielbayley"
-  ],
-  "tags": [
-    "entry",
-    "pass",
-    "voucher",
-    "event",
-    "concert",
-    "show",
-    "cancelled",
-    "cancellation",
-    "refunded",
-    "used",
-    "void",
-    "invalidated",
-    "spoiled",
-    "denied",
-    "refused",
-    "banned",
-    "barred",
-    "forbidden",
-    "prohibited",
-    "delete",
-    "remove",
-    "clear",
-    "error",
-    "x"
-  ],
-  "categories": [
-    "account",
-    "transportation"
-  ]
-}
--- a/icons/ticket-x.svg
+++ b/icons/ticket-x.svg
@@ -1,15 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" />
-  <path d="m9.5 14.5 5-5" />
-  <path d="m9.5 9.5 5 5" />
-</svg>
--- a/icons/ticket.json
+++ b/icons/ticket.json
@@ -9,9 +9,6 @@
    "entry",
    "pass",
    "voucher",
-    "event",
-    "concert",
-    "show",
    "perforated",
    "dashed"
  ],
--- a/lint-staged.config.mjs
+++ b/lint-staged.config.mjs
@@ -1,23 +0,0 @@
-/**
- * @param {string[]} filenames
- * @returns {string}
- */
-const filenamesToAjvOption = (filenames) => filenames.map((filename) => `-d ${filename}`).join(' ');
-
-/** @satisfies {import('lint-staged').Config} */
-const config = {
-  'icons/*.svg': [
-    'node ./scripts/optimizeStagedSvgs.mjs',
-    'node ./scripts/generateNextJSAliases.mjs',
-  ],
-  'icons/*.json': (filenames) => [
-    `ajv --spec=draft2020 -s icon.schema.json ${filenamesToAjvOption(filenames)}`,
-    `prettier --write ${filenames.join(' ')}`,
-  ],
-  'categories/*.json': (filenames) => [
-    `ajv --spec=draft2020 -s category.schema.json ${filenamesToAjvOption(filenames)}`,
-    `prettier --write ${filenames.join(' ')}`,
-  ],
-};
-
-export default config;
--- a/package.json
+++ b/package.json
@@ -30,11 +30,10 @@
    "generate:nextJSAliases": "node ./scripts/generateNextJSAliases.mjs",
    "postinstall": "husky install",
    "lint:es": "eslint .",
-    "lint:format": "prettier \"**/*.{js,mjs,ts,jsx,tsx,html,css,scss,json,yml,yaml}\" --write",
    "lint:json:icons": "ajv --spec=draft2020 -s icon.schema.json -d 'icons/*.json' > /dev/null",
    "lint:json:categories": "ajv --spec=draft2020 -s category.schema.json -d 'categories/*.json' > /dev/null",
    "lint:json": "pnpm run lint:json:icons && pnpm run lint:json:categories",
-    "lint": "pnpm lint:es && pnpm lint:format && pnpm lint:json",
+    "lint": "pnpm lint:es && pnpm lint:json",
    "prepare": "husky install",
    "gi": "node ./scripts/generate/generateIcons.mjs"
  },
@@ -53,19 +52,40 @@
    "eslint-import-resolver-custom-alias": "^1.3.2",
    "eslint-import-resolver-typescript": "^3.6.1",
    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-prettier": "^4.2.1",
    "husky": "^8.0.3",
    "lint-staged": "^13.3.0",
    "minimist": "^1.2.8",
    "node-fetch": "^3.3.2",
    "p-memoize": "^7.1.1",
-    "prettier": "3.1.1",
+    "prettier": "2.7.1",
    "semver": "^7.5.4",
    "simple-git": "^3.21.0",
    "svgo": "^3.1.0",
    "svgson": "^5.3.1"
  },
-  "packageManager": "pnpm@8.14.0+sha256.9cebf61abd83f68177b29484da72da9751390eaad46dfc3072d266bfbb1ba7bf",
+  "lint-staged": {
+    "icons/*.svg": [
+      "node ./scripts/optimizeStagedSvgs.mjs",
+      "node ./scripts/generateNextJSAliases.mjs"
+    ],
+    "icons/*.json": [
+      "ajv --spec=draft2020 -s icon.schema.json -d",
+      "prettier --write --print-width=0"
+    ],
+    "categories/*.json": [
+      "ajv --spec=draft2020 -s category.schema.json -d",
+      "prettier --write --print-width=0"
+    ]
+  },
+  "packageManager": "pnpm@8.7.1",
  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": [
+        "@babel/core",
+        "@babel/preset-env"
+      ]
+    },
    "packageExtensions": {
      "vue-template-compiler": {
        "peerDependencies": {
--- a/packages/lucide-angular/.eslintrc.js
+++ b/packages/lucide-angular/.eslintrc.js
@@ -8,7 +8,6 @@ module.exports = {
        'plugin:@typescript-eslint/recommended',
        'plugin:@angular-eslint/recommended',
        'plugin:@angular-eslint/template/process-inline-templates',
-        'prettier',
      ],
      rules: {
        '@angular-eslint/directive-selector': [
--- a/packages/lucide-angular/package.json
+++ b/packages/lucide-angular/package.json
@@ -34,6 +34,7 @@
    "test": "ng test --no-watch --no-progress --browsers=ChromeHeadlessCI",
    "test:watch": "ng test",
    "lint": "npx eslint 'src/**/*.{js,jsx,ts,tsx,html,css,scss}' --quiet --fix",
+    "format": "npx prettier 'src/**/*.{js,jsx,ts,tsx,html,css,scss}' --write",
    "e2e": "ng e2e",
    "version": "pnpm version --git-tag-version=false"
  },
@@ -58,6 +59,7 @@
    "@typescript-eslint/parser": "5.48.2",
    "eslint": "^8.33.0",
    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
    "jasmine-core": "~4.0.0",
    "jasmine-spec-reporter": "~7.0.0",
    "karma": "~6.3.0",
--- a/packages/lucide-figma/package.json
+++ b/packages/lucide-figma/package.json
@@ -23,7 +23,7 @@
    "@types/react-dom": "^17.0.0",
    "@vitejs/plugin-react": "^1.0.0",
    "typescript": "^4.3.2",
-    "vite": "5.0.12",
+    "vite": "5.0.10",
    "vite-plugin-singlefile": "^0.5.1"
  }
 }
--- a/packages/lucide-preact/package.json
+++ b/packages/lucide-preact/package.json
@@ -52,7 +52,7 @@
    "rollup": "^4.9.2",
    "rollup-plugin-dts": "^6.1.0",
    "typescript": "^5.3.3",
-    "vite": "5.0.12",
+    "vite": "5.0.10",
    "vitest": "^1.1.1"
  },
  "peerDependencies": {
--- a/packages/lucide-react-native/package.json
+++ b/packages/lucide-react-native/package.json
@@ -58,7 +58,7 @@
    "rollup": "^4.9.2",
    "rollup-plugin-dts": "^6.1.0",
    "typescript": "^4.8.4",
-    "vite": "5.0.12",
+    "vite": "5.0.10",
    "vitest": "^1.1.1"
  },
  "peerDependencies": {
--- a/packages/lucide-react/package.json
+++ b/packages/lucide-react/package.json
@@ -61,7 +61,7 @@
    "rollup": "^4.9.2",
    "rollup-plugin-dts": "^6.1.0",
    "typescript": "^4.9.5",
-    "vite": "5.0.12",
+    "vite": "5.0.10",
    "vitest": "^1.1.1"
  },
  "peerDependencies": {
--- a/packages/lucide-solid/package.json
+++ b/packages/lucide-solid/package.json
@@ -64,7 +64,7 @@
    "rollup-preset-solid": "^2.0.1",
    "solid-js": "^1.8.7",
    "typescript": "^4.9.4",
-    "vite": "5.0.12",
+    "vite": "5.0.10",
    "vite-plugin-solid": "^2.8.0",
    "vitest": "0.34.2"
  },
--- a/packages/lucide-svelte/package.json
+++ b/packages/lucide-svelte/package.json
@@ -67,7 +67,7 @@
    "svelte-check": "^3.4.4",
    "svelte-preprocess": "^5.0.4",
    "typescript": "^5.1.6",
-    "vite": "5.0.12",
+    "vite": "5.0.10",
    "vitest": "^1.1.1"
  },
  "peerDependencies": {
--- a/packages/lucide-vue-next/package.json
+++ b/packages/lucide-vue-next/package.json
@@ -52,7 +52,7 @@
    "@vue/test-utils": "2.4.3",
    "rollup": "^4.9.2",
    "rollup-plugin-dts": "^6.1.0",
-    "vite": "5.0.12",
+    "vite": "5.0.10",
    "vitest": "^1.1.1",
    "vue": "^3.0.1"
  },
--- a/packages/lucide-vue-next/src/createLucideIcon.ts
+++ b/packages/lucide-vue-next/src/createLucideIcon.ts
@@ -4,13 +4,14 @@ import defaultAttributes from './defaultAttributes';

 // Create interface extending SVGAttributes
 export interface SVGProps extends Partial<SVGAttributes> {
-  size?: 24 | number;
-  strokeWidth?: number | string;
-  absoluteStrokeWidth?: boolean;
+  size?: 24 | number
+  strokeWidth?: number | string
+  absoluteStrokeWidth?: boolean
 }

-export type IconNode = [elementName: string, attrs: Record<string, string>][];
-export type Icon = FunctionalComponent<SVGProps>;
+
+export type IconNode = [elementName: string, attrs: Record<string, string>][]
+export type Icon = FunctionalComponent<SVGProps>
 /**
 * Converts string to KebabCase
 * Copied from scripts/helper. If anyone knows how to properly import it here
@@ -19,31 +20,29 @@ export type Icon = FunctionalComponent<SVGProps>;
 * @param {string} string
 * @returns {string} A kebabized string
 */
-export const toKebabCase = (string: string) =>
-  string.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+export const toKebabCase = (string: string) => string.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();

-const createLucideIcon =
-  (iconName: string, iconNode: IconNode): Icon =>
-  (
-    { size, strokeWidth = 2, absoluteStrokeWidth, color, class: classes, ...props }, // props
-    { attrs, slots }, // context
+const createLucideIcon = (iconName: string, iconNode: IconNode): Icon => (
+  { size, strokeWidth = 2, absoluteStrokeWidth, color, class: classes, ...props }, // props
+  { attrs, slots } // context
  ) => {
-    return h(
-      'svg',
-      {
-        ...defaultAttributes,
-        width: size || defaultAttributes.width,
-        height: size || defaultAttributes.height,
-        stroke: color || defaultAttributes.stroke,
-        'stroke-width': absoluteStrokeWidth
-          ? (Number(strokeWidth) * 24) / Number(size)
-          : strokeWidth,
-        ...attrs,
-        class: ['lucide', `lucide-${toKebabCase(iconName)}`],
-        ...props,
-      },
-      [...iconNode.map((child) => h(...child)), ...(slots.default ? [slots.default()] : [])],
-    );
-  };
+  return h(
+    'svg',
+    {
+      ...defaultAttributes,
+      width: size || defaultAttributes.width,
+      height: size || defaultAttributes.height,
+      stroke: color || defaultAttributes.stroke,
+      'stroke-width': absoluteStrokeWidth ?  Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      ...attrs,
+      class: ['lucide', `lucide-${toKebabCase(iconName)}`],
+      ...props,
+    },
+    [
+      ...iconNode.map(child => h(...child)),
+      ...(slots.default ? [slots.default()] : [])
+    ],
+  );
+};

 export default createLucideIcon;
--- a/packages/lucide-vue/README.md
+++ b/packages/lucide-vue/README.md
@@ -1,19 +1,21 @@
 # Lucide Vue

-Implementation of the lucide icon library for Vue 3 applications.
+Implementation of the lucide icon library for Vue applications.

 > What is lucide? Read it [here](https://github.com/lucide-icons/lucide#what-is-lucide).

+> :warning: This version of lucide is for Vue 2, For Vue 3 got to [lucide-vue-next](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-vue-next#lucide-vue-next)
+
 ## Installation

 ```sh
-yarn add @lucide/vue
+yarn add lucide-vue
 ```

 or

 ```sh
-npm install @lucide/vue
+npm install lucide-vue
 ```

 ## How to use
@@ -32,7 +34,7 @@ You can pass additional props to adjust the icon.

 <script>
 // Returns Vue component
-import { Camera } from '@lucide/vue';
+import { Camera } from 'lucide-vue';

 export default {
  name: 'My Component',
@@ -75,7 +77,7 @@ It is possible to create one generic icon component to load icons.
 </template>

 <script>
-import * as icons from '@lucide/vue';
+import * as icons from 'lucide-vue';

 export default {
  props: {
@@ -102,3 +104,25 @@ export default {
  </div>
 </template>
 ```
+
+## Use with [@nuxt/components](https://github.com/nuxt/components#readme)
+
+### Setup
+
+In your `nuxt.config.js`, add `lucide-vue/nuxt` to your `buildModules`
+
+```js
+export default {
+  buildModules: ['lucide-vue/nuxt']
+};
+```
+
+### How to use
+
+Icon components are prefixed with `Icon`. Use icon components without importing them.
+
+### Example
+
+```html
+<IconCamera color="red" :size="32" />
+```
--- a/packages/lucide-vue/nuxt.js
+++ b/packages/lucide-vue/nuxt.js
@@ -0,0 +1,11 @@
+import { join } from 'path';
+
+export default function LucideNuxtPlugin() {
+  this.nuxt.hook('components:dirs', (dirs) => {
+    dirs.push({
+      path: join(__dirname, 'dist', 'esm', 'icons'),
+      prefix: 'Icon',
+      ignore: ['**/index.js'],
+    });
+  });
+}
--- a/packages/lucide-vue/package.json
+++ b/packages/lucide-vue/package.json
@@ -1,15 +1,15 @@
 {
-  "name": "@lucide/vue",
+  "name": "lucide-vue",
  "version": "0.0.1",
  "author": "Eric Fennis",
-  "description": "A Lucide icon library package for Vue 3 applications",
+  "description": "A Lucide icon library package for Vue 2 applications",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
  "repository": {
    "type": "git",
    "url": "https://github.com/lucide-icons/lucide.git",
-    "directory": "packages/vue"
+    "directory": "packages/lucide-vue"
  },
  "keywords": [
    "Lucide",
@@ -22,13 +22,12 @@
    "Fontawesome",
    "Font Awesome"
  ],
-  "amdName": "lucide-vue-next",
-  "source": "build/lucide-vue-next.js",
-  "main": "dist/cjs/lucide-vue-next.js",
-  "main:umd": "dist/umd/lucide-vue-next.js",
-  "module": "dist/esm/lucide-vue-next.js",
-  "unpkg": "dist/umd/lucide-vue-next.min.js",
-  "typings": "dist/lucide-vue-next.d.ts",
+  "amdName": "lucide-vue",
+  "source": "build/lucide-vue.js",
+  "main": "dist/cjs/lucide-vue.js",
+  "main:umd": "dist/umd/lucide-vue.js",
+  "module": "dist/esm/lucide-vue.js",
+  "unpkg": "dist/umd/lucide-vue.min.js",
  "sideEffects": false,
  "files": [
    "dist",
@@ -37,7 +36,7 @@
  "scripts": {
    "build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:bundles",
    "copy:license": "cp ../../LICENSE ./LICENSE",
-    "clean": "rm -rf dist && rm -rf ./src/icons/*.ts",
+    "clean": "rm -rf dist && rm -rf stats && rm -rf ./src/icons/*.js",
    "build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mjs --renderUniqueKey --withAliases --aliasesFileExtension=.ts --iconFileExtension=.ts --exportFileName=index.ts",
    "build:bundles": "rollup -c ./rollup.config.mjs",
    "test": "vitest run",
@@ -46,17 +45,18 @@
  "devDependencies": {
    "@lucide/build-icons": "workspace:*",
    "@lucide/rollup-plugins": "workspace:*",
-    "@testing-library/jest-dom": "^6.1.6",
-    "@testing-library/vue": "^8.0.1",
-    "@vitejs/plugin-vue": "^4.6.2",
-    "@vue/test-utils": "2.4.3",
-    "rollup": "^4.9.2",
-    "rollup-plugin-dts": "^6.1.0",
-    "vite": "5.0.12",
-    "vitest": "^1.1.1",
-    "vue": "^3.0.1"
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/vue": "^5.9.0",
+    "@vitejs/plugin-vue2": "2.2.0",
+    "@vue/test-utils": "1.3.0",
+    "rollup": "^3.23.0",
+    "typescript": "^4.9.5",
+    "vite": "5.0.10",
+    "vitest": "^0.32.2",
+    "vue": "2.7.14",
+    "vue-template-compiler": "2.7.14"
  },
  "peerDependencies": {
-    "vue": ">=3.0.1"
+    "vue": "^2.6.12"
  }
 }
--- a/packages/lucide-vue/rollup.config.mjs
+++ b/packages/lucide-vue/rollup.config.mjs
@@ -1,6 +1,5 @@
 import plugins, { replace } from '@lucide/rollup-plugins';
 import pkg from './package.json' assert { type: 'json' };
-import dts from "rollup-plugin-dts";

 const packageName = 'LucideVue';
 const outputFileName = 'lucide-vue';
@@ -57,19 +56,4 @@ const configs = bundles
  )
  .flat();

-  export default [
-    {
-      input: inputs[0],
-      output: [{
-        file: `dist/${outputFileName}.d.ts`, format: "es"
-      }],
-      plugins: [
-        dts({
-          compilerOptions: {
-            preserveSymlinks: false
-          }
-        })
-      ],
-    },
-    ...configs
-  ];
+export default configs;
--- a/packages/lucide-vue/scripts/exportTemplate.mjs
+++ b/packages/lucide-vue/scripts/exportTemplate.mjs
@@ -0,0 +1,26 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';
+
+export default ({ componentName, iconName, children, getSvg, deprecated }) => {
+  const svgContents = getSvg();
+  const svgBase64 = base64SVG(svgContents);
+
+  return `
+import createLucideIcon from '../createLucideIcon';
+
+/**
+ * @component @name ${componentName}
+ * @description Lucide SVG icon component, renders SVG Element with children.
+ *
+ * @preview ![img](data:image/svg+xml;base64,${svgBase64}) - https://lucide.dev/icons/${iconName}
+ * @see https://lucide.dev/guide/packages/lucide-vue - Documentation
+ *
+ * @param {Object} props - Lucide icons props and any valid SVG attribute
+ * @returns {Component} Vue Component
+ * ${deprecated ? '@deprecated' : ''}
+ */
+const ${componentName} = createLucideIcon('${componentName}Icon', ${JSON.stringify(children)});
+
+export default ${componentName};
+`;
+};
--- a/packages/lucide-vue/src/createLucideIcon.ts
+++ b/packages/lucide-vue/src/createLucideIcon.ts
@@ -0,0 +1,84 @@
+import { Component } from 'vue';
+import { Vue, VueConfiguration } from 'vue/types/vue';
+import defaultAttributes from './defaultAttributes';
+
+var showDeprecationWarning = true;
+
+type IconNode = [elementName: string, attrs: Record<string, string>][]
+
+/**
+ * Converts string to KebabCase
+ * Copied from scripts/helper. If anyone knows how to properly import it here
+ * then please fix it.
+ *
+ * @param {string} string
+ * @returns {string} A kebabized string
+ */
+export const toKebabCase = (string: string) => string.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+
+export default (iconName: string, iconNode: IconNode): Component => ({
+  name: iconName,
+  functional: true,
+  props: {
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+    size: {
+      type: Number,
+      default: 24,
+    },
+    strokeWidth: {
+      type: Number,
+      default: 2,
+    },
+    absoluteStrokeWidth: {
+      type: Boolean,
+      default: false,
+    },
+    defaultClass: {
+      type: String,
+      default: `lucide-icon lucide lucide-${toKebabCase(iconName).replace('-icon', '')}`,
+    },
+  },
+  render(
+    createElement,
+    {
+      props: { color, size, strokeWidth, absoluteStrokeWidth, defaultClass },
+      data,
+      children = [],
+    },
+  ) {
+    if (showDeprecationWarning) {
+      console.warn(
+        '[Lucide Vue] This package will be deprecated end of 2023. Please upgrade to Vue 3 and use the latest lucide package for Vue.',
+      );
+      showDeprecationWarning = false;
+    }
+
+    return createElement(
+      'svg',
+      {
+        // eslint-disable-next-line prettier/prettier
+        class: [defaultClass, data.class, data.staticClass, data.attrs && data.attrs.class].filter(Boolean),
+        style: [data.style, data.staticStyle, data.attrs && data.attrs.style].filter(Boolean),
+        attrs: {
+          ...defaultAttributes,
+          width: size,
+          height: size,
+          stroke: color,
+          'stroke-width':
+            absoluteStrokeWidth
+              ? Number(strokeWidth) * 24 / Number(size)
+              : strokeWidth,
+          ...data.attrs,
+        },
+        on: data?.on || {}
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => createElement(String(tag), { attrs })),
+        ...children
+      ],
+    );
+  },
+});
--- a/packages/lucide-vue/src/defaultAttributes.ts
+++ b/packages/lucide-vue/src/defaultAttributes.ts
@@ -0,0 +1,13 @@
+const defaultAttributes = {
+  xmlns: 'http://www.w3.org/2000/svg',
+  width: 24,
+  height: 24,
+  viewBox: '0 0 24 24',
+  fill: 'none',
+  stroke: 'currentColor',
+  'stroke-width': 2,
+  'stroke-linecap': 'round',
+  'stroke-linejoin': 'round',
+};
+
+export default defaultAttributes
--- a/packages/lucide-vue/src/icons/.gitkeep
+++ b/packages/lucide-vue/src/icons/.gitkeep
@@ -0,0 +1 @@
+Folder for generated icons
--- a/packages/lucide-vue/src/lucide-vue.ts
+++ b/packages/lucide-vue/src/lucide-vue.ts
@@ -0,0 +1,3 @@
+export * from './icons';
+export * as icons from './icons';
+export * from './aliases';
--- a/packages/lucide-vue/tests/snapshots/lucide-vue.spec.ts.snap
+++ b/packages/lucide-vue/tests/snapshots/lucide-vue.spec.ts.snap
@@ -0,0 +1,215 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Using lucide icon components > should add a class to the element 1`] = `
+<div>
+  <svg
+    class="lucide-icon lucide lucide-smile my-icon"
+    fill="none"
+    height="24"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle
+      cx="12"
+      cy="12"
+      key="1mglay"
+      r="10"
+    />
+    <path
+      d="M8 14s1.5 2 4 2 4-2 4-2"
+      key="1y1vjs"
+    />
+    <line
+      key="yxxnd0"
+      x1="9"
+      x2="9.01"
+      y1="9"
+      y2="9"
+    />
+    <line
+      key="1p4y9e"
+      x1="15"
+      x2="15.01"
+      y1="9"
+      y2="9"
+    />
+  </svg>
+</div>
+`;
+
+exports[`Using lucide icon components > should add a style attribute to the element 1`] = `
+<div>
+  <svg
+    class="lucide-icon lucide lucide-smile"
+    fill="none"
+    height="24"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+    style="position: absolute"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle
+      cx="12"
+      cy="12"
+      key="1mglay"
+      r="10"
+    />
+    <path
+      d="M8 14s1.5 2 4 2 4-2 4-2"
+      key="1y1vjs"
+    />
+    <line
+      key="yxxnd0"
+      x1="9"
+      x2="9.01"
+      y1="9"
+      y2="9"
+    />
+    <line
+      key="1p4y9e"
+      x1="15"
+      x2="15.01"
+      y1="9"
+      y2="9"
+    />
+  </svg>
+</div>
+`;
+
+exports[`Using lucide icon components > should adjust the size, stroke color and stroke width 1`] = `
+<div>
+  <svg
+    class="lucide-icon lucide lucide-smile"
+    fill="none"
+    height="48"
+    stroke="red"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="4"
+    viewBox="0 0 24 24"
+    width="48"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle
+      cx="12"
+      cy="12"
+      key="1mglay"
+      r="10"
+    />
+    <path
+      d="M8 14s1.5 2 4 2 4-2 4-2"
+      key="1y1vjs"
+    />
+    <line
+      key="yxxnd0"
+      x1="9"
+      x2="9.01"
+      y1="9"
+      y2="9"
+    />
+    <line
+      key="1p4y9e"
+      x1="15"
+      x2="15.01"
+      y1="9"
+      y2="9"
+    />
+  </svg>
+</div>
+`;
+
+exports[`Using lucide icon components > should pass children to the icon slot 1`] = `
+<div>
+  <svg
+    class="lucide-icon lucide lucide-smile"
+    fill="none"
+    height="24"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle
+      cx="12"
+      cy="12"
+      key="1mglay"
+      r="10"
+    />
+    <path
+      d="M8 14s1.5 2 4 2 4-2 4-2"
+      key="1y1vjs"
+    />
+    <line
+      key="yxxnd0"
+      x1="9"
+      x2="9.01"
+      y1="9"
+      y2="9"
+    />
+    <line
+      key="1p4y9e"
+      x1="15"
+      x2="15.01"
+      y1="9"
+      y2="9"
+    />
+    <text>
+      Hello World
+    </text>
+  </svg>
+</div>
+`;
+
+exports[`Using lucide icon components > should render an component 1`] = `
+<div>
+  <svg
+    class="lucide-icon lucide lucide-smile"
+    fill="none"
+    height="24"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle
+      cx="12"
+      cy="12"
+      key="1mglay"
+      r="10"
+    />
+    <path
+      d="M8 14s1.5 2 4 2 4-2 4-2"
+      key="1y1vjs"
+    />
+    <line
+      key="yxxnd0"
+      x1="9"
+      x2="9.01"
+      y1="9"
+      y2="9"
+    />
+    <line
+      key="1p4y9e"
+      x1="15"
+      x2="15.01"
+      y1="9"
+      y2="9"
+    />
+  </svg>
+</div>
+`;
--- a/packages/lucide-vue/tests/lucide-vue.spec.ts
+++ b/packages/lucide-vue/tests/lucide-vue.spec.ts
@@ -0,0 +1,133 @@
+import { describe, it, expect, vi } from 'vitest';
+import { render, fireEvent, cleanup } from '@testing-library/vue'
+import { Smile, Pen, Edit2 } from '../src/lucide-vue'
+import { afterEach } from 'vitest';
+import { VueClass } from '@vue/test-utils';
+
+describe('Using lucide icon components', () => {
+  afterEach(() => cleanup())
+
+  it('should render an component', () => {
+    const {container} = render(Smile as VueClass<any>)
+    expect(container).toMatchSnapshot();
+  });
+
+  it('should adjust the size, stroke color and stroke width', () => {
+    const {container} = render(Smile as VueClass<any>, {
+      props: {
+        size: 48,
+        color: 'red',
+        strokeWidth: 4
+      }
+    })
+
+    const [icon] = document.getElementsByClassName('lucide');
+
+    expect(icon.getAttribute('width')).toBe('48')
+    expect(icon.getAttribute('stroke')).toBe('red')
+    expect(icon.getAttribute('stroke-width')).toBe('4')
+
+    expect(container).toMatchSnapshot();
+  });
+
+
+  it('should add a class to the element', () => {
+    const {container} = render(Smile as VueClass<any>, {
+      attrs: {
+        class: "my-icon"
+      }
+    })
+
+    expect(container).toMatchSnapshot();
+
+    const [icon] = document.getElementsByClassName('lucide');
+
+    expect(icon).toHaveClass('my-icon')
+    expect(icon).toHaveClass('lucide-smile')
+    expect(icon).toHaveClass('lucide')
+  });
+
+  it('should add a style attribute to the element', () => {
+    const {container} = render(Smile as VueClass<any>, {
+      attrs: {
+        style: 'position: absolute',
+      }
+    })
+
+    expect(container).toMatchSnapshot();
+
+    const [icon] = document.getElementsByClassName('lucide');
+
+    expect(icon).toHaveStyle({ position: 'absolute' })
+  });
+
+  it('should call the onClick event', async () => {
+    const onClick = vi.fn()
+    render(Smile  as VueClass<any>, {
+      listeners: {
+        click: onClick
+      }
+    })
+
+    const [icon] = document.getElementsByClassName('lucide');
+
+    await fireEvent.click(icon)
+
+    expect(onClick).toHaveBeenCalled()
+  });
+
+  it('should pass children to the icon slot', () => {
+    const testText = 'Hello World'
+    const template = `<text>${testText}</text>`
+    const { getByText, container } = render(Smile as VueClass<any>, {
+      slots: {
+        default: { template }
+      }
+    })
+
+    const textElement = getByText(testText)
+
+    expect(textElement).toBeInTheDocument()
+    expect(container).toMatchSnapshot();
+  });
+
+  it('should render the alias icon', () => {
+    const { getByText, container } = render(Pen as VueClass<any>, {
+      props: {
+        size: '48',
+        color: 'red',
+        strokeWidth: '4'
+      }
+    })
+
+    const PenIconRenderedHTML = container.innerHTML
+
+    cleanup()
+
+    const { container: Edit2Container } = render(Edit2 as VueClass<any>, {
+      props: {
+        size: '48',
+        color: 'red',
+        strokeWidth: '4'
+      }
+    })
+
+    expect(PenIconRenderedHTML).toBe(Edit2Container.innerHTML)
+  })
+
+  it('should not scale the strokeWidth when absoluteStrokeWidth is set', () => {
+    const { getByText, container } = render(Pen as VueClass<any>, {
+      props: {
+        size: '48',
+        color: 'red',
+        absoluteStrokeWidth: true
+      }
+    })
+
+    const [icon] = document.getElementsByClassName('lucide');
+
+    expect(icon.getAttribute('width')).toBe('48')
+    expect(icon.getAttribute('stroke')).toBe('red')
+    expect(icon.getAttribute('stroke-width')).toBe('1')
+  })
+});
--- a/packages/lucide-vue/tests/setupVitest.js
+++ b/packages/lucide-vue/tests/setupVitest.js
@@ -0,0 +1 @@
+import '@testing-library/jest-dom';
--- a/packages/lucide-vue/tsconfig.json
+++ b/packages/lucide-vue/tsconfig.json
@@ -11,6 +11,7 @@
    "esModuleInterop": true,
    "lib": ["ESNext", "DOM"],
    "skipLibCheck": true,
-    "noEmit": true,
-  }
+    "noEmit": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
 }
--- a/packages/lucide-vue/vitest.config.ts
+++ b/packages/lucide-vue/vitest.config.ts
@@ -1,11 +1,19 @@
 import { defineConfig } from 'vitest/config'
-import vue from '@vitejs/plugin-vue'
+import vue from '@vitejs/plugin-vue2'

 export default defineConfig({
  plugins: [vue()],
  test: {
    globals: true,
    environment: 'jsdom',
+    transformMode: {
+      web: [/\.jsx?$/],
+    },
    setupFiles: './tests/setupVitest.js',
+    threads: false,
+    isolate: false,
+  },
+  resolve: {
+    conditions: ['development', 'browser'],
  },
 });
--- a/packages/lucide/package.json
+++ b/packages/lucide/package.json
@@ -50,7 +50,7 @@
    "rollup": "^4.9.2",
    "rollup-plugin-dts": "^6.1.0",
    "typescript": "^4.9.3",
-    "vite": "5.0.12",
+    "vite": "5.0.10",
    "vitest": "^1.1.1"
  }
 }
--- a/packages/vue/scripts
+++ b/packages/vue/scripts
@@ -1 +0,0 @@
-../lucide-vue-next/scripts
--- a/packages/vue/src
+++ b/packages/vue/src
@@ -1 +0,0 @@
-../lucide-vue-next/src
--- a/packages/vue/tests
+++ b/packages/vue/tests
@@ -1 +0,0 @@
-../lucide-vue-next/tests
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/prettier.config.mjs
+++ b/prettier.config.mjs
@@ -1,16 +0,0 @@
-/** @satisfies {import('prettier').Config} */
-const config = {
-  singleQuote: true,
-  trailingComma: 'all',
-  printWidth: 100,
-  overrides: [
-    {
-      files: ['icons/*.json', 'categories/*.json'],
-      options: {
-        printWidth: 0,
-      },
-    },
-  ],
-};
-
-export default config;
--- a/scripts/generateChangedIconsCommentMarkup.mjs
+++ b/scripts/generateChangedIconsCommentMarkup.mjs
@@ -1,6 +1,6 @@
 import fs from 'fs';
 import path from 'path';
-import { shuffle, readSvgDirectory, getCurrentDirPath, minifySvg } from './helpers.mjs';
+import { shuffle, readSvgDirectory, getCurrentDirPath } from './helpers.mjs';

 const currentDir = getCurrentDirPath(import.meta.url);
 const ICONS_DIR = path.resolve(currentDir, '../icons');
@@ -17,10 +17,11 @@ const getImageTagsByFiles = (files, getBaseUrl, width) =>
  files
    .map((file) => {
      const svgContent = fs.readFileSync(path.join(process.cwd(), file), 'utf-8');
-      const strippedAttrsSVG = svgContent.replace(/<svg[^>]*>/, '<svg>')
-      const minifiedSvg = minifySvg(strippedAttrsSVG)
+      const strippedAttrsSVG = svgContent
+        .replace(/<svg[^>]*>/, '<svg>')
+        .replaceAll(/\n| {2}|\t/g, '');

-      const base64 = Buffer.from(minifiedSvg).toString('base64');
+      const base64 = Buffer.from(strippedAttrsSVG).toString('base64');
      const url = getBaseUrl(file);
      const widthAttr = width ? `width="${width}"` : '';

--- a/scripts/generateSuperSVG.mjs
+++ b/scripts/generateSuperSVG.mjs
@@ -1,6 +1,6 @@
 import path from 'path';
 import { stringify, parseSync } from 'svgson';
-import * as prettier from 'prettier';
+import prettier from 'prettier';
 import { appendFile, readSvgDirectory, getCurrentDirPath } from './helpers.mjs';

 import readSvgs from '../packages/lucide-static/scripts/readSvgs.mjs';
@@ -10,7 +10,7 @@ const currentDir = getCurrentDirPath(import.meta.url);
 const ICONS_DIR = path.resolve('icons');
 const PACKAGE_DIR = path.resolve(currentDir);

-async function generateSprite(svgs, packageDir) {
+export default function generateSprite(svgs, packageDir) {
  const symbols = svgs.map(({ parsedSvg }, index) => {
    const itemsPerRow = 10;
    const numInRow = index % itemsPerRow;
@@ -37,7 +37,7 @@ async function generateSprite(svgs, packageDir) {
  };

  const spriteSvg = stringify(spriteSvgObject);
-  const prettifiedSprite = (await prettier.format(spriteSvg, { parser: 'babel' })).replace(/;/g, '');
+  const prettifiedSprite = prettier.format(spriteSvg, { parser: 'babel' }).replace(/;/g, '');

  const xmlMeta = `<?xml version="1.0" encoding="utf-8"?>\n`;

@@ -54,4 +54,4 @@ const parsedSvgs = svgs.map(({ name, contents }) => ({
  parsedSvg: parseSync(contents),
 }));

-await generateSprite(parsedSvgs, PACKAGE_DIR);
+generateSprite(parsedSvgs, PACKAGE_DIR);
--- a/scripts/helpers.mjs
+++ b/scripts/helpers.mjs
@@ -208,17 +208,3 @@ export const shuffle = (array) => {
  }
  return array;
 };
-
-/**
- * Minifies SVG
- *
- * @param {string} string
- * @returns string
- */
-export function minifySvg(string){
-  return string ? string
-    .replace(/\>[\r\n ]+</g, "><")
-    .replace(/(<.*?>)|\s+/g, (m, $1) => $1 || ' ')
-    .trim()
-    : ""
-}
--- a/scripts/render/processSvg.mjs
+++ b/scripts/render/processSvg.mjs
@@ -1,5 +1,5 @@
 import {optimize} from 'svgo';
-import * as prettier from 'prettier';
+import prettier from 'prettier';
 import {parseSync, stringify} from 'svgson';
 import DEFAULT_ATTRS from './default-attrs.json' assert { type: 'json' };
Author	SHA1	Message	Date
Eric Fennis	0fa31dd1d1	Merge branch 'main' of https://github.com/lucide-icons/lucide into add-angolia-search	2024-01-17 21:41:11 +01:00
Eric Fennis	7cd0d5e0e5	Merge branch 'main' of https://github.com/lucide-icons/lucide into add-angolia-search	2023-12-13 23:02:16 +01:00
Eric Fennis	d1eafe4b30	Merge branch 'main' of https://github.com/lucide-icons/lucide into add-angolia-search	2023-07-12 13:01:09 +02:00
Eric Fennis	d6bf3fffb3	Merge branch 'main' of https://github.com/lucide-icons/lucide into add-angolia-search	2023-06-12 22:26:30 +02:00
Eric Fennis	afb804152f	add-angolia-search	2023-06-06 17:15:36 +02:00
Eric Fennis	8c217618e5	Add og image	2023-06-06 17:05:04 +02:00
Eric Fennis	27d6b55993	Add sitemap generation	2023-06-04 23:02:47 +02:00