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

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 @@ <h5 class="modal-title">{{ fileBrowserTitle || $t('file_browser.title') }}</h5>
     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 @@ <h1 class="my-4">{{ $t('config.configuration') }}</h1>
     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 @@ <h5 class="card-title mb-1">{{ app.name }}</h5>
     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 @@ <h5 class="mb-0">{{ githubVersion.release.name }}</h5>
     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 @@ <h1 class="h3 mb-3">{{ $t('logout.logged_out') }}</h1>
 <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 @@ <h4>{{ $t('password.new_creds') }}</h4>
   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 @@ <h1 class="my-4 text-center">{{ $t('pin.pin_pairing') }}</h1>
     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 @@ <h2 id="logs">{{ $t('troubleshooting.logs') }}</h2>
       Search,
       Trash2,
       XCircle,
-    } from 'lucide-vue-next'
+    } from '@lucide/vue'
 
     const app = createApp({
       components: {