chore(deps): migrate from lucide-vue-next to @lucide/vue (#5179)

package-lock.json

@@ -8,9 +8,9 @@
       "name": "sunshine",
       "version": "0.0.0",
       "dependencies": {
+        "@lucide/vue": "1.16.0",
         "bootstrap": "5.3.8",
         "date-fns": "4.3.0",
-        "lucide-vue-next": "1.0.0",
         "marked": "18.0.4",
         "vue": "3.5.34",
         "vue-i18n": "11.4.4",
@@ -680,6 +680,15 @@
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "license": "MIT"
     },
+    "node_modules/@lucide/vue": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/@lucide/vue/-/vue-1.16.0.tgz",
+      "integrity": "sha512-kiHx0fe49DMjQuvNaEOu9Jou6u9FwdqQ8xbZIKlD47sXrOI8g59kIeeQL42NBLI4AvO+UJsbaPX0hEK/4rHSBQ==",
+      "license": "ISC",
+      "peerDependencies": {
+        "vue": ">=3.0.1"
+      }
+    },
     "node_modules/@octokit/auth-token": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/@octokit/auth-token/-/auth-token-6.0.0.tgz",
@@ -2163,15 +2172,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/lucide-vue-next": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/lucide-vue-next/-/lucide-vue-next-1.0.0.tgz",
-      "integrity": "sha512-V6SPvx1IHTj/UY+FrIYWV5faISsPSb8BnWSFDxAtezWKvWc9ZZ40PDrdu1/Qb5vg4lHWr1hs1BAMGVGm6V1Xdg==",
-      "license": "ISC",
-      "peerDependencies": {
-        "vue": ">=3.0.1"
-      }
-    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",

package.json

@@ -9,9 +9,9 @@
   },
   "type": "module",
   "dependencies": {
+    "@lucide/vue": "1.16.0",
     "bootstrap": "5.3.8",
     "date-fns": "4.3.0",
-    "lucide-vue-next": "1.0.0",
     "marked": "18.0.4",
     "vue": "3.5.34",
     "vue-i18n": "11.4.4",

src_assets/common/assets/web/Navbar.vue

@@ -82,7 +82,7 @@
 </template>
 
 <script>
-import { CircleUserRound, Home, Info, Layers, Lock, LogOut, Settings, Shield, Star } from 'lucide-vue-next'
+import { CircleUserRound, Home, Info, Layers, Lock, LogOut, Settings, Shield, Star } from '@lucide/vue'
 import ThemeToggle from './ThemeToggle.vue'
 import Notification from './Notification.vue'
 

src_assets/common/assets/web/Notification.vue

@@ -21,7 +21,7 @@
 
 <script>
 import { reactive } from 'vue'
-import { AlertCircle, AlertTriangle, CheckCircle, Info } from 'lucide-vue-next'
+import { AlertCircle, AlertTriangle, CheckCircle, Info } from '@lucide/vue'
 
 /**
  * Singleton reactive notification state shared across the app instance.
@@ -57,7 +57,7 @@ function pushKey(type, messageKey, titleKey) {
 }
 
 /**
- * Map a Bootstrap color variant to its corresponding lucide-vue-next icon name.
+ * Map a Bootstrap color variant to its corresponding @lucide/vue icon name.
  *
  * @param {'danger'|'warning'|'success'|'info'} type - Bootstrap color variant.
  * @returns {string} The lucide icon component name.

src_assets/common/assets/web/ResourceCard.vue

@@ -50,7 +50,7 @@ import {
   BookOpen,
   FileText,
   Globe,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 import SimpleIcon from './SimpleIcon.vue'
 
 export default {

src_assets/common/assets/web/ThemeToggle.vue

@@ -17,7 +17,7 @@ import {
   Sunrise,
   Trees,
   Waves,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 
 onMounted(() => {
   loadAutoTheme()

src_assets/common/assets/web/apps.html

@@ -538,7 +538,7 @@
     Terminal,
     Trash2,
     X,
-  } from 'lucide-vue-next'
+  } from '@lucide/vue'
 
   const app = createApp({
     components: {

src_assets/common/assets/web/config.html

@@ -146,7 +146,7 @@
     Settings,
     Sliders,
     Volume2,
-  } from 'lucide-vue-next'
+  } from '@lucide/vue'
 
   const app = createApp({
     components: {

src_assets/common/assets/web/configs/tabs/General.vue

@@ -7,7 +7,7 @@ import {
   Shield,
   Trash2,
   Undo,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 
 const props = defineProps({
   platform: String,

src_assets/common/assets/web/configs/tabs/Network.vue

@@ -3,7 +3,7 @@ import { computed, ref } from 'vue'
 import {
   Info,
   TriangleAlert,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 import Checkbox from "../../Checkbox.vue";
 
 const props = defineProps([

src_assets/common/assets/web/configs/tabs/audiovideo/DisplayDeviceOptions.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref } from 'vue'
-import { Trash2 } from 'lucide-vue-next'
+import { Trash2 } from '@lucide/vue'
 import PlatformLayout from '../../../PlatformLayout.vue'
 import Checkbox from "../../../Checkbox.vue";
 

src_assets/common/assets/web/featured.html

@@ -248,7 +248,7 @@
     Smartphone,
     Star,
     Tv,
-  } from 'lucide-vue-next'
+  } from '@lucide/vue'
 
   const app = createApp({
     components: {

src_assets/common/assets/web/index.html

@@ -142,7 +142,7 @@
     Info,
     CheckCircle,
     Download
-  } from 'lucide-vue-next'
+  } from '@lucide/vue'
 
   // Configure marked to allow HTML
   marked.setOptions({

src_assets/common/assets/web/logout.html

@@ -27,7 +27,7 @@
 <script type="module">
   import { createApp } from 'vue'
   import { initApp } from './init'
-  import { LogIn } from 'lucide-vue-next'
+  import { LogIn } from '@lucide/vue'
 
   const app = createApp({
     components: {

src_assets/common/assets/web/password.html

@@ -65,7 +65,7 @@
   import { initApp } from './init'
   import Navbar from './Navbar.vue'
   import { apiFetch } from './fetch_utils'
-  import { Save } from 'lucide-vue-next'
+  import { Save } from '@lucide/vue'
 
   const app = createApp({
     components: {

src_assets/common/assets/web/pin.html

@@ -45,7 +45,7 @@
     Forward,
     Hash,
     Monitor,
-  } from 'lucide-vue-next'
+  } from '@lucide/vue'
 
   let app = createApp({
     components: {

src_assets/common/assets/web/troubleshooting.html

@@ -219,7 +219,7 @@
       Search,
       Trash2,
       XCircle,
-    } from 'lucide-vue-next'
+    } from '@lucide/vue'
 
     const app = createApp({
       components: {