chore: update deps

electron/src/main/index.ts

@@ -1,5 +1,5 @@
 import path from 'node:path'
-import { BrowserWindow, app, shell } from 'electron'
+import { app, BrowserWindow, shell } from 'electron'
 import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'
 
 let mainWindow: BrowserWindow | null = null

package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "version": "0.0.0",
   "private": true,
-  "packageManager": "pnpm@9.7.1",
+  "packageManager": "pnpm@9.11.0",
   "author": "Anthony Fu<https://github.com/antfu>",
   "license": "MIT",
   "homepage": "https://github.com/antfu/icones#readme",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@antfu/utils": "^0.7.10",
-    "@vueuse/core": "^11.0.0",
+    "@vueuse/core": "^11.1.0",
     "dexie": "^4.0.8",
     "file-saver": "^2.0.5",
     "floating-vue": "^5.2.2",
@@ -36,34 +36,34 @@
     "hotkeys-js": "^3.13.7",
     "iconify-icon": "^2.1.0",
     "prettier": "^3.3.3",
-    "vue": "^3.4.38",
+    "vue": "^3.5.8",
     "vue-chemistry": "^0.2.2",
-    "vue-router": "^4.4.3"
+    "vue-router": "^4.4.5"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.25.2",
-    "@iconify/json": "^2.2.237",
+    "@antfu/eslint-config": "^3.7.1",
+    "@iconify/json": "^2.2.252",
     "@types/file-saver": "^2.0.7",
     "@types/fs-extra": "^11.0.4",
-    "@vitejs/plugin-vue": "^5.1.2",
-    "dayjs": "^1.11.12",
-    "eslint": "^9.9.0",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "dayjs": "^1.11.13",
+    "eslint": "^9.11.0",
     "eslint-plugin-format": "^0.1.2",
     "esno": "^4.7.0",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
     "jszip": "^3.10.1",
-    "lru-cache": "^11.0.0",
+    "lru-cache": "^11.0.1",
     "pnpm": "8.10.2",
     "svg-packer": "^0.0.3",
-    "typescript": "^5.5.4",
-    "unocss": "^0.62.2",
-    "unplugin-auto-import": "^0.18.2",
+    "typescript": "^5.6.2",
+    "unocss": "^0.62.4",
+    "unplugin-auto-import": "^0.18.3",
     "unplugin-vue-components": "^0.27.4",
-    "vite": "^5.4.1",
+    "vite": "^5.4.7",
     "vite-plugin-pages": "^0.32.3",
-    "vite-plugin-pwa": "^0.20.1",
-    "vue-tsc": "^2.0.29"
+    "vite-plugin-pwa": "^0.20.5",
+    "vue-tsc": "^2.1.6"
   },
   "pnpm": {
     "neverBuiltDependencies": [

scripts/prepare.ts

@@ -26,7 +26,8 @@ async function prepareJSON() {
   await fs.ensureDir(collectionsDir)
 
   const collections = Object
-    .entries(raw).map(([id, v]) => ({ ...(v as any), id }))
+    .entries(raw)
+    .map(([id, v]) => ({ ...(v as any), id }))
     .filter(v => v.hidden !== true)
 
   const collectionsMeta = []

src/auto-imports.d.ts

@@ -3,6 +3,7 @@
 // @ts-nocheck
 // noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
+// biome-ignore lint: disable
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
@@ -65,6 +66,7 @@ declare global {
   const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
   const onUnmounted: typeof import('vue')['onUnmounted']
   const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
   const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
   const provide: typeof import('vue')['provide']
   const provideLocal: typeof import('@vueuse/core')['provideLocal']
@@ -173,6 +175,7 @@ declare global {
   const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
   const useGamepad: typeof import('@vueuse/core')['useGamepad']
   const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
+  const useId: typeof import('vue')['useId']
   const useIdle: typeof import('@vueuse/core')['useIdle']
   const useImage: typeof import('@vueuse/core')['useImage']
   const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
@@ -189,6 +192,7 @@ declare global {
   const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
   const useMemoize: typeof import('@vueuse/core')['useMemoize']
   const useMemory: typeof import('@vueuse/core')['useMemory']
+  const useModel: typeof import('vue')['useModel']
   const useMounted: typeof import('@vueuse/core')['useMounted']
   const useMouse: typeof import('@vueuse/core')['useMouse']
   const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
@@ -236,6 +240,7 @@ declare global {
   const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
   const useSupported: typeof import('@vueuse/core')['useSupported']
   const useSwipe: typeof import('@vueuse/core')['useSwipe']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
   const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
   const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
   const useTextSelection: typeof import('@vueuse/core')['useTextSelection']

src/components/ActionsMenu.vue

@@ -1,10 +1,10 @@
 <script setup lang='ts'>
 import type { PropType } from 'vue'
-import { activeMode, iconSize, inProgress, isFavoritedCollection, listType, progressMessage, toggleFavoriteCollection } from '../store'
-import { cacheCollection, downloadAndInstall, isInstalled } from '../data'
 import type { CollectionMeta } from '../data'
-import { PackIconFont, PackJsonZip, PackSvgZip } from '../utils/pack'
+import { cacheCollection, downloadAndInstall, isInstalled } from '../data'
 import { isElectron } from '../env'
+import { activeMode, iconSize, inProgress, isFavoritedCollection, listType, progressMessage, toggleFavoriteCollection } from '../store'
+import { PackIconFont, PackJsonZip, PackSvgZip } from '../utils/pack'
 
 const props = defineProps({
   collection: {

src/components/Bag.vue

@@ -1,7 +1,7 @@
 <script setup lang='ts'>
+import type { PackType } from '../utils/pack'
 import { bags, clearBag } from '../store'
 import { PackIconFont, PackSVGSprite, PackZip } from '../utils/pack'
-import type { PackType } from '../utils/pack'
 
 const emit = defineEmits<{
   (event: 'close'): void

src/components/Drawer.vue

@@ -1,7 +1,7 @@
 <script setup lang='ts'>
 import { categorySearch, filteredCollections, sortedCollectionsInfo, specialTabs } from '../data'
-import { isFavoritedCollection, recentIconIds, toggleFavoriteCollection } from '../store'
 import { isElectron } from '../env'
+import { isFavoritedCollection, recentIconIds, toggleFavoriteCollection } from '../store'
 
 const route = useRoute()
 const current = computed(() => route.path.split('/').slice(-1)[0])

src/components/IconDetail.vue

@@ -1,10 +1,10 @@
 <script setup lang='ts'>
-import { getIconSnippet, toComponentName } from '../utils/icons'
 import { collections } from '../data'
 import { activeMode, copyPreviewColor, getTransformedId, inBag, preferredCase, previewColor, pushRecentIcon, showCaseSelect, showHelp, toggleBag } from '../store'
-import { Download } from '../utils/pack'
-import { dataUrlToBlob } from '../utils/dataUrlToBlob'
 import { idCases } from '../utils/case'
+import { dataUrlToBlob } from '../utils/dataUrlToBlob'
+import { getIconSnippet, toComponentName } from '../utils/icons'
+import { Download } from '../utils/pack'
 import InstallIconSet from './InstallIconSet.vue'
 
 const props = defineProps({

src/components/IconSet.vue

@@ -1,8 +1,8 @@
 <!-- eslint-disable no-console -->
 <script setup lang='ts'>
-import { activeMode, bags, drawerCollapsed, getSearchResults, iconSize, isCurrentCollectionLoading, listType, showHelp, toggleBag } from '../store'
-import { isLocalMode } from '../env'
 import { cacheCollection, specialTabs } from '../data'
+import { isLocalMode } from '../env'
+import { activeMode, bags, drawerCollapsed, getSearchResults, iconSize, isCurrentCollectionLoading, listType, showHelp, toggleBag } from '../store'
 import { getIconSnippet } from '../utils/icons'
 import { cleanupQuery } from '../utils/query'
 

src/components/InstallIconSet.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { PropType } from 'vue'
-import { ref } from 'vue'
 import type { CollectionMeta } from '../data'
+import { ref } from 'vue'
 import { selectedPackageManager } from '../store'
 
 const props = defineProps({

src/components/Navbar.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
-import { getSearchResults, isDark } from '../store'
 import { isElectron } from '../env'
+import { getSearchResults, isDark } from '../store'
 
 export default defineComponent({
   setup() {

src/components/electron/SearchElectron.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { getSearchResults } from '../../store'
-import { isElectron } from '../../env'
 import { isSearchOpen } from '../../data'
+import { isElectron } from '../../env'
+import { getSearchResults } from '../../store'
 
 const { search, collection } = getSearchResults()
 const input = ref<HTMLInputElement | null>(null)

src/data/index.ts

@@ -1,9 +1,9 @@
 import type { IconifyJSON } from 'iconify-icon'
 import { notNullish } from '@antfu/utils'
-import { addCollection } from 'iconify-icon'
 import { AsyncFzf } from 'fzf'
-import { favoritedCollectionIds, inProgress, isExcludedCollection, isFavoritedCollection, isRecentCollection, progressMessage, recentCollectionIds } from '../store'
+import { addCollection } from 'iconify-icon'
 import { isLocalMode, staticPath } from '../env'
+import { favoritedCollectionIds, inProgress, isExcludedCollection, isFavoritedCollection, isRecentCollection, progressMessage, recentCollectionIds } from '../store'
 import { loadCollection, saveCollection } from '../store/indexedDB'
 import infoJSON from './collections-info.json'
 import { variantCategories } from './variant-category'

src/hooks/index.ts

@@ -1,2 +1,2 @@
-export * from './search'
 export * from './color'
+export * from './search'

src/hooks/search.ts

@@ -1,7 +1,7 @@
-import { AsyncFzf, asyncExtendedMatch } from 'fzf'
 import type { Ref } from 'vue'
-import { computed, markRaw, ref, watch } from 'vue'
 import type { CollectionMeta } from '../data'
+import { asyncExtendedMatch, AsyncFzf } from 'fzf'
+import { computed, markRaw, ref, watch } from 'vue'
 import { specialTabs } from '../data'
 import { searchAlias } from '../data/search-alias'
 import { cleanupQuery } from '../utils/query'
@@ -103,7 +103,8 @@ export function useSearch(collection: Ref<CollectionMeta | null>) {
     finder.value.find(searchString)
       .then((result) => {
         icons.value = result.map(i => i.item)
-      }).catch(() => {
+      })
+      .catch(() => {
         // The search is canceled
       })
   }

src/main.ts

@@ -1,16 +1,16 @@
+import routes from '~pages'
+import { disableCache } from 'iconify-icon'
 import { createApp } from 'vue'
 import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
-import { disableCache } from 'iconify-icon'
 import App from './App.vue'
+import { basePath, isElectron } from './env'
+
 import '@unocss/reset/tailwind.css'
 import 'floating-vue/dist/style.css'
 import './utils/electron'
 import './main.css'
 import 'uno.css'
 
-import { basePath, isElectron } from './env'
-import routes from '~pages'
-
 const app = createApp(App)
 
 const router = createRouter({

src/store/collection.ts

@@ -8,8 +8,8 @@ import {
   isMetaLoaded,
   tryInstallFromLocal,
 } from '../data'
-import { useSearch } from '../hooks'
 import { isLocalMode } from '../env'
+import { useSearch } from '../hooks'
 import { isExcludedCollection, recentIconIds } from './localstorage'
 
 const currentCollectionId = ref('')

src/store/index.ts

@@ -1,6 +1,6 @@
-export * from './localstorage'
-export * from './packing'
 export * from './collection'
-export * from './progress'
 export * from './dark'
 export * from './dialog'
+export * from './localstorage'
+export * from './packing'
+export * from './progress'

src/sw.ts

@@ -1,7 +1,7 @@
-import { cleanupOutdatedCaches, createHandlerBoundToURL, precacheAndRoute } from 'workbox-precaching'
-import { cacheNames, clientsClaim } from 'workbox-core'
-import { NavigationRoute, registerRoute } from 'workbox-routing'
 import { getIcons } from '@iconify/utils'
+import { cacheNames, clientsClaim } from 'workbox-core'
+import { cleanupOutdatedCaches, createHandlerBoundToURL, precacheAndRoute } from 'workbox-precaching'
+import { NavigationRoute, registerRoute } from 'workbox-routing'
 
 declare let self: ServiceWorkerGlobalScope
 

src/utils/icons.ts

@@ -1,5 +1,5 @@
-import { buildIcon, loadIcon } from 'iconify-icon'
 import { encodeSvgForCss } from '@iconify/utils'
+import { buildIcon, loadIcon } from 'iconify-icon'
 import { getTransformedId } from '../store'
 import Base64 from './base64'
 import { HtmlToJSX } from './htmlToJsx'

src/utils/pack.ts

@@ -1,11 +1,11 @@
 import { isVSCode } from '../env'
 import { bufferToString } from './bufferToString'
 import {
+  getSvg,
+  getSvgSymbol,
   SvgToJSX,
   SvgToTSX,
   SvgToVue,
-  getSvg,
-  getSvgSymbol,
   toComponentName,
 } from './icons'
 

vite.config.ts

@@ -1,19 +1,19 @@
-import { join, resolve } from 'node:path'
 import { rmSync } from 'node:fs'
+import { join, resolve } from 'node:path'
 import process from 'node:process'
-import { defineConfig } from 'vite'
-import Pages from 'vite-plugin-pages'
-import Components from 'unplugin-vue-components/vite'
-import AutoImport from 'unplugin-auto-import/vite'
-import { VitePWA } from 'vite-plugin-pwa'
-import dayjs from 'dayjs'
 import Vue from '@vitejs/plugin-vue'
-import UnoCSS from 'unocss/vite'
+import dayjs from 'dayjs'
 import fg from 'fast-glob'
-
+import UnoCSS from 'unocss/vite'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { defineConfig } from 'vite'
 import electron from 'vite-plugin-electron'
 import renderer from 'vite-plugin-electron-renderer'
+
 import esmodule from 'vite-plugin-esmodule'
+import Pages from 'vite-plugin-pages'
+import { VitePWA } from 'vite-plugin-pwa'
 
 export default defineConfig(({ mode }) => {
   const isElectron = mode === 'electron'