chore: update deps

.vscode/settings.json

@@ -2,5 +2,6 @@
   "search.useGlobalIgnoreFiles": true,
   "cSpell.words": [
     "icones"
-  ]
-}
+  ],
+  "i18n-ally.enabledFramework": []
+}

components.d.ts

@@ -13,16 +13,16 @@ declare module 'vue' {
     Icon: typeof import('./src/components/Icon.vue')['default']
     IconButton: typeof import('./src/components/IconButton.vue')['default']
     IconDetail: typeof import('./src/components/IconDetail.vue')['default']
-    IconSet: typeof import('./src/components/IconSet.vue')['default']
     Icons: typeof import('./src/components/Icons.vue')['default']
+    IconSet: typeof import('./src/components/IconSet.vue')['default']
     Modal: typeof import('./src/components/Modal.vue')['default']
     Navbar: typeof import('./src/components/Navbar.vue')['default']
-    Notification: typeof import('./src/components/Notification.vue')['default']
-    Progress: typeof import('./src/components/Progress.vue')['default']
-    WithNavbar: typeof import('./src/components/WithNavbar.vue')['default']
     NavElectron: typeof import('./src/components/electron/NavElectron.vue')['default']
     NavPlaceholder: typeof import('./src/components/electron/NavPlaceholder.vue')['default']
+    Notification: typeof import('./src/components/Notification.vue')['default']
+    Progress: typeof import('./src/components/Progress.vue')['default']
     SearchElectron: typeof import('./src/components/electron/SearchElectron.vue')['default']
+    WithNavbar: typeof import('./src/components/WithNavbar.vue')['default']
   }
 }
 

package.json

@@ -25,42 +25,41 @@
     "build:electron": "cross-env NODE_ENV=production npm -C ./electron run build"
   },
   "dependencies": {
-    "@iconify/iconify": "^2.0.1",
-    "@vueuse/core": "^4.11.2",
+    "@iconify/iconify": "^2.0.3",
+    "@vueuse/core": "^5.0.3",
     "copy-text-to-clipboard": "afzalsayed96/copy-text-to-clipboard",
     "dexie": "^3.0.3",
     "file-saver": "^2.0.5",
     "fuse.js": "^6.4.6",
-    "hotkeys-js": "^3.8.5",
-    "vue": "3.0.11",
+    "hotkeys-js": "^3.8.7",
+    "vue": "3.1.3",
     "vue-chemistry": "^0.2.2",
-    "vue-router": "4.0.8"
+    "vue-router": "4.0.10"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.6.5",
-    "@iconify/json": "^1.1.351",
+    "@antfu/eslint-config": "^0.6.6",
+    "@iconify/json": "^1.1.368",
     "@purge-icons/generated": "^0.7.0",
     "@types/file-saver": "^2.0.2",
     "@types/fs-extra": "^9.0.11",
-    "@typescript-eslint/eslint-plugin": "^4.26.0",
-    "@vitejs/plugin-vue": "^1.2.3",
-    "@vue/compiler-sfc": "3.0.11",
+    "@typescript-eslint/eslint-plugin": "^4.28.1",
+    "@vitejs/plugin-vue": "^1.2.4",
+    "@vue/compiler-sfc": "3.1.3",
     "cross-env": "^7.0.3",
     "dayjs": "^1.10.5",
-    "eslint": "^7.27.0",
-    "esno": "^0.6.0",
+    "eslint": "^7.29.0",
+    "esno": "^0.7.3",
     "fs-extra": "^10.0.0",
     "jszip": "^3.6.0",
-    "pnpm": "^6.6.2",
+    "pnpm": "^6.9.1",
     "svg-packer": "^0.0.3",
-    "typescript": "^4.3.2",
-    "vite": "2.3.5",
-    "vite-plugin-components": "^0.10.4",
+    "typescript": "^4.3.5",
+    "vite": "2.3.8",
+    "vite-plugin-components": "^0.12.0",
     "vite-plugin-purge-icons": "^0.7.0",
-    "vite-plugin-pwa": "^0.7.3",
-    "vite-plugin-voie": "^0.7.3",
-    "vite-plugin-windicss": "^0.16.7",
-    "voie-pages": "^0.4.0"
+    "vite-plugin-pwa": "^0.8.1",
+    "vite-plugin-pages": "^0.14.8",
+    "vite-plugin-windicss": "^1.2.0"
   },
   "prettier": {
     "semi": false,

src/components/ActionsMenu.vue

@@ -55,7 +55,7 @@
 
 <script setup lang='ts'>
 import type { PropType } from 'vue'
-import { defineComponent, ref, watch, nextTick, computed, defineProps } from 'vue'
+import { ref, watch, nextTick, computed } from 'vue'
 import { iconSize, listType, selectingMode, inProgress, progressMessage } from '../store'
 import { downloadAndInstall, isInstalled } from '../data'
 import type { CollectionMeta } from '../data'

src/components/Footer.vue

@@ -28,7 +28,7 @@
   </footer>
 </template>
 
-<script setup>
+<script setup lang="ts">
 // eslint-disable-next-line no-undef
 const buildTime = __BUILD_TIME__
 </script>

src/main.ts

@@ -1,7 +1,7 @@
 /* eslint-disable import/no-absolute-path */
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
-import routes from 'voie-pages'
+import routes from 'virtual:generated-pages'
 import App from './App.vue'
 import 'virtual:windi.css'
 import 'virtual:windi-devtools'

src/window.d.ts

@@ -1,4 +1,3 @@
-// eslint-disable-next-line
 import type JSZip from 'jszip'
 
 declare global {

tsconfig.json

@@ -7,6 +7,7 @@
     "esModuleInterop": true,
     "incremental": true,
     "skipLibCheck": true,
+    "noUnusedLocals": true,
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "forceConsistentCasingInFileNames": true

vite.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from 'vite'
-import Voie from 'vite-plugin-voie'
+import Pages from 'vite-plugin-pages'
 import PurgeIcons from 'vite-plugin-purge-icons'
 import ViteComponents from 'vite-plugin-components'
 import { VitePWA } from 'vite-plugin-pwa'
@@ -10,7 +10,7 @@ import WindiCSS from 'vite-plugin-windicss'
 export default defineConfig({
   plugins: [
     Vue(),
-    Voie({
+    Pages({
       importMode: 'sync',
     }),
     ViteComponents({

windi.config.ts

@@ -11,15 +11,15 @@ export default defineConfig({
       colors: {
         primary: 'var(--theme-color)',
         dark: {
-          '100': '#222',
-          '200': '#333',
-          '300': '#444',
-          '400': '#555',
-          '500': '#666',
-          '600': '#777',
-          '700': '#888',
-          '800': '#999',
-          '900': '#aaa',
+          100: '#222',
+          200: '#333',
+          300: '#444',
+          400: '#555',
+          500: '#666',
+          600: '#777',
+          700: '#888',
+          800: '#999',
+          900: '#aaa',
         },
       },
       spacing: {