⬆️ Upgrade(custom): upgrade deps, remove deprecated deps

src/renderer/components/FirstTimeGuide.vue

@@ -87,7 +87,6 @@
 
 <script setup lang="ts">
 import { TransitionRoot } from '@headlessui/vue'
-import { useStorage } from '@vueuse/core'
 import {
   ArrowLeftRightIcon,
   CheckCircleIcon,
@@ -98,7 +97,8 @@ import {
   PaletteIcon,
   UploadCloudIcon,
   XIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
+import { useStorage } from '@vueuse/core'
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'

src/renderer/components/ImagePreview.vue

@@ -84,7 +84,7 @@
 </template>
 
 <script setup lang="ts">
-import { ChevronLeftIcon, ChevronRightIcon, XIcon } from 'lucide-vue-next'
+import { ChevronLeftIcon, ChevronRightIcon, XIcon } from '@lucide/vue'
 import { computed, nextTick, onMounted, reactive, ref, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/renderer/components/ImageProcessSetting.vue

@@ -986,7 +986,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useStorage } from '@vueuse/core'
 import {
   Droplets,
   Edit,
@@ -1000,7 +999,8 @@ import {
   RotateCw,
   Settings,
   Sliders,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
+import { useStorage } from '@vueuse/core'
 import type {
   availableConvertFormat,
   availableWatermarkPosition,

src/renderer/components/InputBoxDialog.vue

@@ -72,7 +72,7 @@
 </template>
 
 <script lang="ts" setup>
-import { XIcon } from 'lucide-vue-next'
+import { XIcon } from '@lucide/vue'
 import { nextTick, onBeforeMount, onBeforeUnmount, reactive, ref, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/renderer/components/PerPicbedSetting.vue

@@ -137,7 +137,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Settings } from 'lucide-vue-next'
+import { Settings } from '@lucide/vue'
 import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/renderer/components/common/CustomInput.vue

@@ -41,7 +41,7 @@
 </template>
 
 <script setup lang="ts">
-import { EyeClosedIcon, EyeIcon, Info } from 'lucide-vue-next'
+import { EyeClosedIcon, EyeIcon, Info } from '@lucide/vue'
 import { marked } from 'marked'
 import { onMounted, ref } from 'vue'
 

src/renderer/components/common/CustomModal.vue

@@ -43,7 +43,7 @@
 </template>
 
 <script setup lang="ts">
-import { XIcon } from 'lucide-vue-next'
+import { XIcon } from '@lucide/vue'
 import { onBeforeMount, ref } from 'vue'
 
 import { getConfig } from '@/utils/dataSender'

src/renderer/components/common/CustomNavCard.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script setup lang="ts">
-import { ChevronRightIcon } from 'lucide-vue-next'
+import { ChevronRightIcon } from '@lucide/vue'
 const {
   title,
   icon,

src/renderer/components/common/CustomSwitch.vue

@@ -47,7 +47,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Info } from 'lucide-vue-next'
+import { Info } from '@lucide/vue'
 import { marked } from 'marked'
 import { onMounted } from 'vue'
 

src/renderer/components/common/MultiSelect.vue

@@ -36,8 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { ChevronDownIcon } from '@lucide/vue'
 import { onClickOutside } from '@vueuse/core'
-import { ChevronDownIcon } from 'lucide-vue-next'
 import { nextTick, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/renderer/components/common/SingleSelect.vue

@@ -35,8 +35,8 @@
 </template>
 
 <script setup lang="ts">
+import { ChevronDownIcon, SortAscIcon } from '@lucide/vue'
 import { onClickOutside } from '@vueuse/core'
-import { ChevronDownIcon, SortAscIcon } from 'lucide-vue-next'
 import { nextTick, ref } from 'vue'
 
 const emit = defineEmits<(e: 'change', key: string) => void>()

src/renderer/components/toolbox/ToolboxStatusIcon.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { CircleCheck, Loader2, TriangleAlert } from 'lucide-vue-next'
+import { CircleCheck, Loader2, TriangleAlert } from '@lucide/vue'
 import { computed } from 'vue'
 
 import { IToolboxItemCheckStatus } from '@/utils/enum'

src/renderer/components/ui/ConfirmMessageBox.vue

@@ -35,7 +35,7 @@
 </template>
 
 <script setup lang="ts">
-import { AlertTriangle, CheckCircle, Info, X as XIcon, XCircle } from 'lucide-vue-next'
+import { AlertTriangle, CheckCircle, Info, X as XIcon, XCircle } from '@lucide/vue'
 import { computed } from 'vue'
 
 interface Props {

src/renderer/components/ui/MessageToast.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script setup lang="ts">
-import { AlertTriangle, CheckCircle, Info, X, XCircle } from 'lucide-vue-next'
+import { AlertTriangle, CheckCircle, Info, X, XCircle } from '@lucide/vue'
 import { reactive } from 'vue'
 
 export interface MessageOptions {

src/renderer/components/ui/ThemeSwitcher.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Monitor, Moon, Sun } from 'lucide-vue-next'
+import { Monitor, Moon, Sun } from '@lucide/vue'
 import { computed, onBeforeMount, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/renderer/manage/pages/BucketPage.vue

@@ -1131,7 +1131,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useLocalStorage } from '@vueuse/core'
 import {
   ArrowUpDownIcon,
   ChevronDownIcon,
@@ -1153,7 +1152,8 @@ import {
   Trash2Icon,
   UploadIcon,
   XIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
+import { useLocalStorage } from '@vueuse/core'
 import { marked } from 'marked'
 import { v4 as uuidv4 } from 'uuid'
 import { computed, onBeforeMount, onBeforeUnmount, reactive, ref, useTemplateRef, watch } from 'vue'

src/renderer/manage/pages/EmptyPage.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts" setup>
-import { FolderOpenIcon } from 'lucide-vue-next'
+import { FolderOpenIcon } from '@lucide/vue'
 import { useI18n } from 'vue-i18n'
 
 const { t } = useI18n()

src/renderer/manage/pages/LogInPage.vue

@@ -270,7 +270,7 @@ import {
   Trash2,
   TrashIcon,
   XIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'

src/renderer/manage/pages/ManageEditPage.vue

@@ -158,7 +158,7 @@
 </template>
 
 <script setup lang="ts">
-import { DownloadIcon, InfoIcon, LinkIcon, RotateCcwIcon, SaveIcon, XIcon } from 'lucide-vue-next'
+import { DownloadIcon, InfoIcon, LinkIcon, RotateCcwIcon, SaveIcon, XIcon } from '@lucide/vue'
 import { computed, onMounted, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/renderer/manage/pages/ManageMain.vue

@@ -270,7 +270,7 @@ import {
   HomeIcon,
   PlusIcon,
   SettingsIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 import { computed, onBeforeMount, reactive, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'

src/renderer/manage/pages/ManageSetting.vue

@@ -144,7 +144,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Download, Edit2Icon, FileText, FolderIcon, Settings, Trash2Icon } from 'lucide-vue-next'
+import { Download, Edit2Icon, FileText, FolderIcon, Settings, Trash2Icon } from '@lucide/vue'
 import { computed, nextTick, onBeforeMount, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/renderer/manage/pages/components/FileInfo.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { FileIcon, HardDriveIcon } from 'lucide-vue-next'
+import { FileIcon, HardDriveIcon } from '@lucide/vue'
 import { useI18n } from 'vue-i18n'
 const { t } = useI18n()
 const { currentPageFilesInfo, calculateAllFileSize } = defineProps<{

src/renderer/pages/Gallery.vue

@@ -386,7 +386,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useStorage } from '@vueuse/core'
 import {
   CheckSquareIcon,
   ChevronDownIcon,
@@ -403,7 +402,8 @@ import {
   SearchIcon,
   TrashIcon,
   XIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
+import { useStorage } from '@vueuse/core'
 import {
   computed,
   nextTick,

src/renderer/pages/NavigationPage.vue

@@ -211,8 +211,6 @@ import {
   TransitionChild,
   TransitionRoot,
 } from '@headlessui/vue'
-import { useStorage } from '@vueuse/core'
-import { pick } from 'lodash-es'
 import {
   CheckIcon,
   ChevronDownIcon,
@@ -227,7 +225,9 @@ import {
   PlugIcon,
   Settings,
   UploadIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
+import { useStorage } from '@vueuse/core'
+import { pick } from 'lodash-es'
 import QrcodeVue from 'qrcode.vue'
 import pkg from 'root/package.json'
 import { computed, nextTick, onBeforeMount, onBeforeUnmount, reactive, Ref, ref, watch } from 'vue'

src/renderer/pages/PicBed.vue

@@ -109,8 +109,8 @@
 </template>
 
 <script lang="ts" setup>
+import { Check, Cloud, Copy, ExternalLink, FileJson, FolderOpen, Import, RotateCcw, Settings } from '@lucide/vue'
 import dayjs from 'dayjs'
-import { Check, Cloud, Copy, ExternalLink, FileJson, FolderOpen, Import, RotateCcw, Settings } from 'lucide-vue-next'
 import { v4 as uuid } from 'uuid'
 import { onBeforeMount, ref, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'

src/renderer/pages/PicGoSetting.vue

@@ -1307,8 +1307,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useStorage } from '@vueuse/core'
-import { compare } from 'compare-versions'
 import {
   BookOpen,
   CloudUpload,
@@ -1330,7 +1328,9 @@ import {
   Settings,
   Settings2Icon,
   Store,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
+import { useStorage } from '@vueuse/core'
+import { compare } from 'compare-versions'
 import { marked } from 'marked'
 import type { IConfig } from 'piclist'
 import pkg from 'root/package.json'

src/renderer/pages/Plugin.vue

@@ -421,8 +421,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useStorage } from '@vueuse/core'
-import { debounce, DebouncedFunc } from 'lodash-es'
 import {
   AlertCircleIcon,
   CalendarIcon,
@@ -436,7 +434,9 @@ import {
   SettingsIcon,
   XCircleIcon,
   XIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
+import { useStorage } from '@vueuse/core'
+import { debounce, DebouncedFunc } from 'lodash-es'
 import { computed, onBeforeMount, onBeforeUnmount, reactive, ref, toRaw, useTemplateRef, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/renderer/pages/RenamePage.vue

@@ -48,7 +48,7 @@
 </template>
 
 <script lang="ts" setup>
-import { XIcon } from 'lucide-vue-next'
+import { XIcon } from '@lucide/vue'
 import { nextTick, onBeforeMount, onBeforeUnmount, reactive, ref, useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/renderer/pages/ScriptPage.vue

@@ -502,7 +502,6 @@
 </template>
 
 <script lang="ts" setup>
-import dayjs from 'dayjs'
 import {
   CheckCircle2,
   CheckIcon,
@@ -525,7 +524,8 @@ import {
   UserIcon,
   XCircleIcon,
   XIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
+import dayjs from 'dayjs'
 import { computed, onBeforeMount, onBeforeUnmount, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/renderer/pages/ShortKey.vue

@@ -119,7 +119,7 @@
 </template>
 
 <script lang="ts" setup>
-import { KeyboardIcon } from 'lucide-vue-next'
+import { KeyboardIcon } from '@lucide/vue'
 import { onBeforeMount, onBeforeUnmount, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/renderer/pages/TitleBar.vue

@@ -49,7 +49,7 @@
 </template>
 
 <script setup lang="ts">
-import { MinusIcon, PinIcon, ShrinkIcon, XIcon } from 'lucide-vue-next'
+import { MinusIcon, PinIcon, ShrinkIcon, XIcon } from '@lucide/vue'
 import { computed, onBeforeMount, onBeforeUnmount, ref } from 'vue'
 
 import { osGlobal } from '@/hooks/useGlobal'

src/renderer/pages/UpdatePage.vue

@@ -95,7 +95,7 @@
 </template>
 
 <script lang="ts" setup>
-import { DownloadIcon, Link2Icon, XIcon } from 'lucide-vue-next'
+import { DownloadIcon, Link2Icon, XIcon } from '@lucide/vue'
 import { marked } from 'marked'
 import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
 

src/renderer/pages/Upload.vue

@@ -633,7 +633,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useStorage } from '@vueuse/core'
 import {
   ArrowLeftRightIcon,
   CheckCircleIcon,
@@ -660,7 +659,8 @@ import {
   XCircleIcon,
   XIcon,
   ZapIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
+import { useStorage } from '@vueuse/core'
 import { computed, onBeforeMount, onBeforeUnmount, reactive, ref, useTemplateRef, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'

src/renderer/pages/UploaderConfigPage.vue

@@ -221,9 +221,9 @@
 </template>
 
 <script lang="ts" setup>
+import { CheckCircle2, Circle, Clock, Cloud, Copy, Heart, Pencil, Plus, Settings2, Star, Trash2 } from '@lucide/vue'
 import { useStorage } from '@vueuse/core'
 import dayjs from 'dayjs'
-import { CheckCircle2, Circle, Clock, Cloud, Copy, Heart, Pencil, Plus, Settings2, Star, Trash2 } from 'lucide-vue-next'
 import { computed, onBeforeMount, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { onBeforeRouteUpdate, useRoute, useRouter } from 'vue-router'