feat: use incremental iconsets

package.json

@@ -1,17 +1,18 @@
 {
   "private": true,
   "scripts": {
-    "dev": "vite --port 3333 --open",
     "build": "cross-env NODE_ENV=production vite-ssg build",
+    "dev": "vite --port 3333 --open",
+    "lint": "eslint \"**/*.{vue,ts,js}\"",
     "preview": "vite preview",
     "preview-https": "serve dist",
-    "lint": "eslint \"**/*.{vue,ts,js}\""
+    "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
     "@vueuse/core": "^6.5.3",
     "@vueuse/head": "^0.6.0",
     "nprogress": "^0.2.0",
-    "pinia": "^2.0.0-rc.9",
+    "pinia": "^2.0.0-rc.10",
     "prism-theme-vars": "^0.2.2",
     "vue": "^3.2.19",
     "vue-demi": "^0.11.4",
@@ -20,7 +21,7 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.9.0",
-    "@iconify/json": "^1.1.408",
+    "@iconify-json/carbon": "^1.0.3",
     "@intlify/vite-plugin-vue-i18n": "^2.4.0",
     "@types/markdown-it-link-attributes": "^3.0.1",
     "@types/nprogress": "^0.2.0",
@@ -36,15 +37,15 @@
     "pnpm": "^6.16.0",
     "typescript": "^4.4.3",
     "unplugin-auto-import": "^0.4.10",
-    "unplugin-icons": "^0.11.4",
+    "unplugin-icons": "^0.12.4",
     "unplugin-vue-components": "^0.15.6",
-    "vite": "^2.6.1",
+    "vite": "^2.6.2",
-    "vite-plugin-inspect": "^0.3.7",
+    "vite-plugin-inspect": "^0.3.8",
     "vite-plugin-md": "^0.11.1",
     "vite-plugin-pages": "^0.18.1",
-    "vite-plugin-pwa": "^0.11.2",
+    "vite-plugin-pwa": "^0.11.3",
     "vite-plugin-vue-layouts": "^0.5.0",
-    "vite-plugin-windicss": "^1.4.8",
+    "vite-plugin-windicss": "^1.4.9",
     "vite-ssg": "^0.15.4",
     "vue-tsc": "^0.3.0"
   }

pnpm-lock.yaml

@@ -2,7 +2,7 @@ lockfileVersion: 5.3
 
 specifiers:
   '@antfu/eslint-config': ^0.9.0
-  '@iconify/json': ^1.1.408
+  '@iconify-json/carbon': ^1.0.3
   '@intlify/vite-plugin-vue-i18n': ^2.4.0
   '@types/markdown-it-link-attributes': ^3.0.1
   '@types/nprogress': ^0.2.0
@@ -18,20 +18,20 @@ specifiers:
   markdown-it-link-attributes: ^3.0.0
   markdown-it-prism: ^2.2.1
   nprogress: ^0.2.0
-  pinia: ^2.0.0-rc.9
+  pinia: ^2.0.0-rc.10
   pnpm: ^6.16.0
   prism-theme-vars: ^0.2.2
   typescript: ^4.4.3
   unplugin-auto-import: ^0.4.10
-  unplugin-icons: ^0.11.4
+  unplugin-icons: ^0.12.4
   unplugin-vue-components: ^0.15.6
-  vite: ^2.6.1
+  vite: ^2.6.2
-  vite-plugin-inspect: ^0.3.7
+  vite-plugin-inspect: ^0.3.8
   vite-plugin-md: ^0.11.1
   vite-plugin-pages: ^0.18.1
-  vite-plugin-pwa: ^0.11.2
+  vite-plugin-pwa: ^0.11.3
   vite-plugin-vue-layouts: ^0.5.0
-  vite-plugin-windicss: ^1.4.8
+  vite-plugin-windicss: ^1.4.9
   vite-ssg: ^0.15.4
   vue: ^3.2.19
   vue-demi: ^0.11.4
@@ -43,7 +43,7 @@ dependencies:
   '@vueuse/core': 6.5.3_vue@3.2.19
   '@vueuse/head': 0.6.0_vue@3.2.19
   nprogress: 0.2.0
-  pinia: 2.0.0-rc.9_typescript@4.4.3+vue@3.2.19
+  pinia: 2.0.0-rc.10_typescript@4.4.3+vue@3.2.19
   prism-theme-vars: 0.2.2
   vue: 3.2.19
   vue-demi: 0.11.4_vue@3.2.19
@@ -52,11 +52,11 @@ dependencies:
 
 devDependencies:
   '@antfu/eslint-config': 0.9.0_eslint@7.32.0+typescript@4.4.3
-  '@iconify/json': 1.1.408
+  '@iconify-json/carbon': 1.0.3
-  '@intlify/vite-plugin-vue-i18n': 2.4.0_vite@2.6.1+vue-i18n@9.1.7
+  '@intlify/vite-plugin-vue-i18n': 2.4.0_vite@2.6.2+vue-i18n@9.1.7
   '@types/markdown-it-link-attributes': 3.0.1
   '@types/nprogress': 0.2.0
-  '@vitejs/plugin-vue': 1.9.2_vite@2.6.1
+  '@vitejs/plugin-vue': 1.9.2_vite@2.6.2
   '@vue/compiler-sfc': 3.2.19
   '@vue/server-renderer': 3.2.19_vue@3.2.19
   critters: 0.0.10
@@ -67,17 +67,17 @@ devDependencies:
   markdown-it-prism: 2.2.1
   pnpm: 6.16.0
   typescript: 4.4.3
-  unplugin-auto-import: 0.4.10_@vueuse+core@6.5.3+vite@2.6.1
+  unplugin-auto-import: 0.4.10_@vueuse+core@6.5.3+vite@2.6.2
-  unplugin-icons: 0.11.4_106496589e1ca1d7161f7c98c51411fd
+  unplugin-icons: 0.12.4_482d2d3d4c9442e66bdc4cb86c777ab2
-  unplugin-vue-components: 0.15.6_vite@2.6.1+vue@3.2.19
+  unplugin-vue-components: 0.15.6_vite@2.6.2+vue@3.2.19
-  vite: 2.6.1
+  vite: 2.6.2
-  vite-plugin-inspect: 0.3.7_vite@2.6.1
+  vite-plugin-inspect: 0.3.8_vite@2.6.2
-  vite-plugin-md: 0.11.1_vite@2.6.1
+  vite-plugin-md: 0.11.1_vite@2.6.2
-  vite-plugin-pages: 0.18.1_054142d3e3057789198177f125a6a6db
+  vite-plugin-pages: 0.18.1_482d2d3d4c9442e66bdc4cb86c777ab2
-  vite-plugin-pwa: 0.11.2_vite@2.6.1
+  vite-plugin-pwa: 0.11.3_vite@2.6.2
-  vite-plugin-vue-layouts: 0.5.0_6e9f8bb7383b9d7aad01da7aac032e71
+  vite-plugin-vue-layouts: 0.5.0_e0ffb6fce806eb067f0a36796cf5339f
-  vite-plugin-windicss: 1.4.8_typescript@4.4.3+vite@2.6.1
+  vite-plugin-windicss: 1.4.9_typescript@4.4.3+vite@2.6.2
-  vite-ssg: 0.15.4_413de7802af0561d7e307049e2e82bdc
+  vite-ssg: 0.15.4_11c637a4a01433d4e05f936b99724dc9
   vue-tsc: 0.3.0_typescript@4.4.3
 
 packages:
@@ -171,6 +171,13 @@ packages:
       - typescript
     dev: true
 
+  /@antfu/install-pkg/0.0.0:
+    resolution: {integrity: sha512-TuN4jBCwjlxbvs5c/xkYTejguuysNVBDbWs1xL0c8eLn+Rkbwzt/yDeS6dt+zb5gGz1tuiuq7QNZXoJaT/vBtA==}
+    dependencies:
+      execa: 5.1.1
+      find-up: 5.0.0
+    dev: true
+
   /@antfu/utils/0.3.0:
     resolution: {integrity: sha512-UU8TLr/EoXdg7OjMp0h9oDoIAVr+Z/oW9cpOxQQyrsz6Qzd2ms/1CdWx8fl2OQdFpxGmq5Vc4TwfLHId6nAZjA==}
     dependencies:
@@ -1358,12 +1365,24 @@ packages:
     resolution: {integrity: sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w==}
     dev: true
 
+  /@iconify-json/carbon/1.0.3:
+    resolution: {integrity: sha512-ltobh3wpHVZelp9lEMnMYNwp4uoGO7cnBltl+tDeHgQ7qVW31JV9WdC9tOCT1zqovWmutvsmop/EcN2m74dcGA==}
+    dependencies:
+      '@iconify/types': 1.0.9
+    dev: true
+
   /@iconify/json-tools/1.0.10:
     resolution: {integrity: sha512-LFelJDOLZ6JHlmlAkgrvmcu4hpNPB91KYcr4f60D/exzU1eNOb4/KCVHIydGHIQFaOacIOD+Xy+B7P1z812cZg==}
     dev: true
 
-  /@iconify/json/1.1.408:
+  /@iconify/types/1.0.9:
-    resolution: {integrity: sha512-GceXOj/a8FqPKT19umdPdV+yyxGyv9karZRWBTAseaO8jNdFzcj6Def77ZgysxkxilP+MWloW1/CAznPbE08xw==}
+    resolution: {integrity: sha512-ALO6IGXBEztcySLq+vGJrgUJqGgiZJ8sTQ8mM6e3i77okM9fw8F23h6GLbbaMz/pNfeK8QHJBAOmx3LjhZ3YZw==}
+    dev: true
+
+  /@iconify/utils/1.0.10:
+    resolution: {integrity: sha512-a1n7qGqoOMdaD20DzxRVRgXr77qjVmyiEzJeLmIoBOXWE2ueJ1O/0EXHzTMGuYFWcKtu0pFHbqghNfh1vpTtdw==}
+    dependencies:
+      '@iconify/types': 1.0.9
     dev: true
 
   /@intlify/bundle-utils/0.2.0:
@@ -1426,7 +1445,7 @@ packages:
     resolution: {integrity: sha512-zt0zlUdalumvT9AjQNxPXA36UgOndUyvBMplh8uRZU0fhWHAwhnJTcf0NaG9Qvr8I1n3HPSs96+kLb/YdwTavQ==}
     engines: {node: '>= 10'}
 
-  /@intlify/vite-plugin-vue-i18n/2.4.0_vite@2.6.1+vue-i18n@9.1.7:
+  /@intlify/vite-plugin-vue-i18n/2.4.0_vite@2.6.2+vue-i18n@9.1.7:
     resolution: {integrity: sha512-DXBvl7JEEcChjrsCUHIBJUSqgAXJSUzbaZskzTuJy5K3FDCX/g9XfHVaw8lCUaW7jYF60BIsPr87sAP1QSGB0Q==}
     engines: {node: '>= 12'}
     peerDependencies:
@@ -1438,7 +1457,7 @@ packages:
       '@rollup/pluginutils': 4.1.1
       debug: 4.3.2
       fast-glob: 3.2.7
-      vite: 2.6.1
+      vite: 2.6.2
       vue-i18n: 9.1.7_vue@3.2.19
     transitivePeerDependencies:
       - supports-color
@@ -1477,7 +1496,7 @@ packages:
     resolution: {integrity: sha512-88p7+M0QGxKpmnkfXjS4V26AnoC/eiqZutE8GLdaI5X12NY75bXSdTY9NkmYb2Xyk1O+MmkuO6Frmsj84V6I8Q==}
     dev: true
 
-  /@rollup/plugin-babel/5.3.0_@babel+core@7.15.5+rollup@2.56.3:
+  /@rollup/plugin-babel/5.3.0_@babel+core@7.15.5+rollup@2.58.0:
     resolution: {integrity: sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -1490,36 +1509,36 @@ packages:
     dependencies:
       '@babel/core': 7.15.5
       '@babel/helper-module-imports': 7.15.4
-      '@rollup/pluginutils': 3.1.0_rollup@2.56.3
+      '@rollup/pluginutils': 3.1.0_rollup@2.58.0
-      rollup: 2.56.3
+      rollup: 2.58.0
     dev: true
 
-  /@rollup/plugin-node-resolve/11.2.1_rollup@2.56.3:
+  /@rollup/plugin-node-resolve/11.2.1_rollup@2.58.0:
     resolution: {integrity: sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0
     dependencies:
-      '@rollup/pluginutils': 3.1.0_rollup@2.56.3
+      '@rollup/pluginutils': 3.1.0_rollup@2.58.0
       '@types/resolve': 1.17.1
       builtin-modules: 3.2.0
       deepmerge: 4.2.2
       is-module: 1.0.0
       resolve: 1.20.0
-      rollup: 2.56.3
+      rollup: 2.58.0
     dev: true
 
-  /@rollup/plugin-replace/2.4.2_rollup@2.56.3:
+  /@rollup/plugin-replace/2.4.2_rollup@2.58.0:
     resolution: {integrity: sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==}
     peerDependencies:
       rollup: ^1.20.0 || ^2.0.0
     dependencies:
-      '@rollup/pluginutils': 3.1.0_rollup@2.56.3
+      '@rollup/pluginutils': 3.1.0_rollup@2.58.0
       magic-string: 0.25.7
-      rollup: 2.56.3
+      rollup: 2.58.0
     dev: true
 
-  /@rollup/pluginutils/3.1.0_rollup@2.56.3:
+  /@rollup/pluginutils/3.1.0_rollup@2.58.0:
     resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==}
     engines: {node: '>= 8.0.0'}
     peerDependencies:
@@ -1528,7 +1547,7 @@ packages:
       '@types/estree': 0.0.39
       estree-walker: 1.0.1
       picomatch: 2.3.0
-      rollup: 2.56.3
+      rollup: 2.58.0
     dev: true
 
   /@rollup/pluginutils/4.1.1:
@@ -1716,13 +1735,13 @@ packages:
       eslint-visitor-keys: 2.1.0
     dev: true
 
-  /@vitejs/plugin-vue/1.9.2_vite@2.6.1:
+  /@vitejs/plugin-vue/1.9.2_vite@2.6.2:
     resolution: {integrity: sha512-QnUQJvGmY+YT9xTidLcjr6NAjKWNdSuul1M+BZ6uwTQaO5vpAY9USBncXESATk742dYMZGJenegJgeJhG/HMNQ==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
       vite: ^2.5.10
     dependencies:
-      vite: 2.6.1
+      vite: 2.6.2
     dev: true
 
   /@volar/code-gen/0.27.14:
@@ -1866,6 +1885,10 @@ packages:
     resolution: {integrity: sha512-quBx4Jjpexo6KDiNUGFr/zF/2A4srKM9S9v2uHgMXSU//hjgq1eGzqkIFql8T9gfX5ZaVOUzYBP3jIdIR3PKIA==}
     dev: false
 
+  /@vue/devtools-api/6.0.0-beta.18:
+    resolution: {integrity: sha512-56vRhO7nXWWFYTx520BQSDlQH5VYpwy62hFDEqi2yHHEBpEqseOP5WYQusq7BEW3DXSY9E9cfPVR5CFtJbKuMg==}
+    dev: false
+
   /@vue/reactivity/3.2.11:
     resolution: {integrity: sha512-hEQstxPQbgGZq5qApzrvbDmRdK1KP96O/j4XrwT8fVkT1ytkFs4fH2xNEh9QKwXfybbQkLs77W7OfXCv5o6qbA==}
     dependencies:
@@ -1971,29 +1994,29 @@ packages:
       vue-demi: 0.11.4_vue@3.2.19
     dev: false
 
-  /@windicss/config/1.4.8_typescript@4.4.3:
+  /@windicss/config/1.4.9_typescript@4.4.3:
-    resolution: {integrity: sha512-lZgPvK70gSSGWxSCIZzYmsxlTtJ23ZPKXh+OR9ZaAfNGczZH4G01dxfZN69iNQt4o3uXKJtVN0dZsxHEWzggqQ==}
+    resolution: {integrity: sha512-DYgWKuY48Nrhi4xprdKVC2IpcLQ8j3jJ1FYgaoHKvHYZG7Ux4xaPZEYaAWEeEiGKLP7bv9VpBYdjRTKFqOMIsA==}
     dependencies:
       debug: 4.3.2
-      jiti: 1.12.3
+      jiti: 1.12.5
       tsup: 5.2.1_typescript@4.4.3
-      windicss: 3.1.7
+      windicss: 3.1.8
     transitivePeerDependencies:
       - supports-color
       - ts-node
       - typescript
     dev: true
 
-  /@windicss/plugin-utils/1.4.8_typescript@4.4.3:
+  /@windicss/plugin-utils/1.4.9_typescript@4.4.3:
-    resolution: {integrity: sha512-9tBJZi/8xxsMb9ZaxalNxo0yv6pR8/H2e/4io00qN+Oie2zOgDc54zFrr+kozgN1ISdmV15zGUXgEMdylEDC+Q==}
+    resolution: {integrity: sha512-Pie0mEH5whtI3zkWKThmgS6dxSAxQL5Be01Er/abLMVQjdoecoQT7ek2qSYOoFTtXGs7gMPUtCV/NdoL2TDgWw==}
     dependencies:
       '@antfu/utils': 0.3.0
-      '@windicss/config': 1.4.8_typescript@4.4.3
+      '@windicss/config': 1.4.9_typescript@4.4.3
       debug: 4.3.2
       fast-glob: 3.2.7
       magic-string: 0.25.7
       micromatch: 4.0.4
-      windicss: 3.1.7
+      windicss: 3.1.8
     transitivePeerDependencies:
       - supports-color
       - ts-node
@@ -3529,6 +3552,14 @@ packages:
       path-exists: 4.0.0
     dev: true
 
+  /find-up/5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+    dev: true
+
   /flat-cache/3.0.4:
     resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -3722,10 +3753,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /has-pkg/0.0.1:
-    resolution: {integrity: sha512-UuzsNxcEOdEwRsz4HtaceT7jg71L2gopEq8OMOGKtPLYhHhF4RJZtkcZ4Xn0jmAmBSNhm0xPhrywgZkLu4aMYQ==}
-    dev: true
-
   /has-symbols/1.0.2:
     resolution: {integrity: sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==}
     engines: {node: '>= 0.4'}
@@ -4147,8 +4174,8 @@ packages:
       supports-color: 7.2.0
     dev: true
 
-  /jiti/1.12.3:
+  /jiti/1.12.5:
-    resolution: {integrity: sha512-p88jl9WzvZYekMS5ZOB61bJ1SPV69o7nEpAU+mFpGzXErqLEg3WvNz3jeXylAiSfLZzvqZssrAu08N3AuvaqwQ==}
+    resolution: {integrity: sha512-+K46njcZW6E/OPWWHImm3G1u+fYVcKU7vqc8b36oVtfi9l3moaSGtsPydaRf2gPuVxh13G1KSCVlW0DfyYUjPQ==}
     hasBin: true
     dev: true
 
@@ -4368,6 +4395,12 @@ packages:
       mlly: 0.2.2
     dev: true
 
+  /local-pkg/0.2.0:
+    resolution: {integrity: sha512-M5/pqEFIQcxI19YYwHvEh2mNYjmreUlaCMwfl/8qboqwWoPFhi2kEh1lVrJu03D6ROS2iiwi7g0Cdn7MSh4y9A==}
+    dependencies:
+      mlly: 0.2.2
+    dev: true
+
   /locate-path/2.0.0:
     resolution: {integrity: sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=}
     engines: {node: '>=4'}
@@ -4383,6 +4416,13 @@ packages:
       p-locate: 4.1.0
     dev: true
 
+  /locate-path/6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-locate: 5.0.0
+    dev: true
+
   /lodash.clonedeep/4.5.0:
     resolution: {integrity: sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=}
     dev: true
@@ -4758,6 +4798,13 @@ packages:
       p-try: 2.2.0
     dev: true
 
+  /p-limit/3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      yocto-queue: 0.1.0
+    dev: true
+
   /p-locate/2.0.0:
     resolution: {integrity: sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=}
     engines: {node: '>=4'}
@@ -4772,6 +4819,13 @@ packages:
       p-limit: 2.3.0
     dev: true
 
+  /p-locate/5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-limit: 3.1.0
+    dev: true
+
   /p-try/1.0.0:
     resolution: {integrity: sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=}
     engines: {node: '>=4'}
@@ -4868,10 +4922,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /pathe/0.0.2:
-    resolution: {integrity: sha512-mmK20YtPb4yXHlaPuOD/uPIpRu7iIK45GA/GiRSlNpIdfWDG5aEQmFT1HHtBmJB+t/6DvFOtOsEipsPA8Bx2cw==}
-    dev: true
-
   /picomatch/2.3.0:
     resolution: {integrity: sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==}
     engines: {node: '>=8.6'}
@@ -4882,11 +4932,11 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /pinia/2.0.0-rc.9_typescript@4.4.3+vue@3.2.19:
+  /pinia/2.0.0-rc.10_typescript@4.4.3+vue@3.2.19:
-    resolution: {integrity: sha512-JrFnxKbuyYPEZ6ZS56sBHRzabZj+5xkJj8jxCHGNJ1h2I824QJuLXJVV/3pgkUw0pfXYrRxcO6EiV9+wapSicg==}
+    resolution: {integrity: sha512-WY0KQoHxSBylhGc6aBQKPFfAupYHWpI1QBQKJSyK9btwwMTVQpwCdePgPho+ZoEMl832jb7RwfI5TN1srV5VEA==}
     peerDependencies:
-      '@vue/composition-api': ^1.1.4
+      '@vue/composition-api': ^1.2.2
-      typescript: ^4.4.2
+      typescript: ^4.4.3
       vue: ^2.6.14 || ^3.2.0
     peerDependenciesMeta:
       '@vue/composition-api':
@@ -4894,7 +4944,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@vue/devtools-api': 6.0.0-beta.15
+      '@vue/devtools-api': 6.0.0-beta.18
       typescript: 4.4.3
       vue: 3.2.19
       vue-demi: 0.11.4_vue@3.2.19
@@ -5338,28 +5388,28 @@ packages:
       glob: 7.1.7
     dev: true
 
-  /rollup-plugin-terser/7.0.2_rollup@2.56.3:
+  /rollup-plugin-terser/7.0.2_rollup@2.58.0:
     resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
     peerDependencies:
       rollup: ^2.0.0
     dependencies:
       '@babel/code-frame': 7.14.5
       jest-worker: 26.6.2
-      rollup: 2.56.3
+      rollup: 2.58.0
       serialize-javascript: 4.0.0
       terser: 5.8.0
     dev: true
 
-  /rollup/2.56.3:
+  /rollup/2.57.0:
-    resolution: {integrity: sha512-Au92NuznFklgQCUcV96iXlxUbHuB1vQMaH76DHl5M11TotjOHwqk9CwcrT78+Tnv4FN9uTBxq6p4EJoYkpyekg==}
+    resolution: {integrity: sha512-bKQIh1rWKofRee6mv8SrF2HdP6pea5QkwBZSMImJysFj39gQuiV8MEPBjXOCpzk3wSYp63M2v2wkWBmFC8O/rg==}
     engines: {node: '>=10.0.0'}
     hasBin: true
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
 
-  /rollup/2.57.0:
+  /rollup/2.58.0:
-    resolution: {integrity: sha512-bKQIh1rWKofRee6mv8SrF2HdP6pea5QkwBZSMImJysFj39gQuiV8MEPBjXOCpzk3wSYp63M2v2wkWBmFC8O/rg==}
+    resolution: {integrity: sha512-NOXpusKnaRpbS7ZVSzcEXqxcLDOagN6iFS8p45RkoiMqPHDLwJm758UF05KlMoCRbLBTZsPOIa887gZJ1AiXvw==}
     engines: {node: '>=10.0.0'}
     hasBin: true
     optionalDependencies:
@@ -5884,7 +5934,7 @@ packages:
       joycon: 3.0.1
       postcss-load-config: 3.1.0
       resolve-from: 5.0.0
-      rollup: 2.57.0
+      rollup: 2.58.0
       sucrase: 3.20.1
       tree-kill: 1.2.2
       typescript: 4.4.3
@@ -6019,7 +6069,7 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /unplugin-auto-import/0.4.10_@vueuse+core@6.5.3+vite@2.6.1:
+  /unplugin-auto-import/0.4.10_@vueuse+core@6.5.3+vite@2.6.2:
     resolution: {integrity: sha512-wLnSQ7pZ/GTQvwSnLrs0Sqwayaha5IlHmpQR9HidvioKTsJTGHsOisu2alFct08plq3jih+j7Te7weVEeJW96g==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -6034,15 +6084,15 @@ packages:
       local-pkg: 0.1.0
       magic-string: 0.25.7
       resolve: 1.20.0
-      unplugin: 0.2.16_vite@2.6.1
+      unplugin: 0.2.16_vite@2.6.2
     transitivePeerDependencies:
       - rollup
       - vite
       - webpack
     dev: true
 
-  /unplugin-icons/0.11.4_106496589e1ca1d7161f7c98c51411fd:
+  /unplugin-icons/0.12.4_482d2d3d4c9442e66bdc4cb86c777ab2:
-    resolution: {integrity: sha512-vmUqYCf+uFZF33GyL5/1X3LqNJrn6RfI8K85EPs8PzTTqMF6lGnO9wERSo2yKt2wzkCye10urZFdaYrReheA8A==}
+    resolution: {integrity: sha512-u0+zjAySgCgsRdOsEGCxY7FILiju3pqvN6tKyap2CMjX1wyJD7CMdGz61QwxIZGcqjQn6bAh7ulPj0XEOxZTqw==}
     peerDependencies:
       '@iconify/json': '*'
       '@svgr/core': ^5.5.0
@@ -6050,6 +6100,8 @@ packages:
       vue-template-compiler: ^2.6.12
       vue-template-es2015-compiler: ^1.9.0
     peerDependenciesMeta:
+      '@iconify/json':
+        optional: true
       '@svgr/core':
         optional: true
       '@vue/compiler-sfc':
@@ -6059,19 +6111,23 @@ packages:
       vue-template-es2015-compiler:
         optional: true
     dependencies:
+      '@antfu/install-pkg': 0.0.0
       '@antfu/utils': 0.3.0
-      '@iconify/json': 1.1.408
       '@iconify/json-tools': 1.0.10
+      '@iconify/utils': 1.0.10
       '@vue/compiler-sfc': 3.2.19
-      has-pkg: 0.0.1
+      chalk: 4.1.2
-      unplugin: 0.2.14_vite@2.6.1
+      debug: 4.3.2
+      local-pkg: 0.2.0
+      unplugin: 0.2.16_vite@2.6.2
     transitivePeerDependencies:
       - rollup
+      - supports-color
       - vite
       - webpack
     dev: true
 
-  /unplugin-vue-components/0.15.6_vite@2.6.1+vue@3.2.19:
+  /unplugin-vue-components/0.15.6_vite@2.6.2+vue@3.2.19:
     resolution: {integrity: sha512-Prl+qtWtDwnxSYJckGn+WvrXElhEnjN9bJyi9D7d0mJcsspuFBlxRQEzAUnDvlr0CvuIkBZBVdXLu1oDTESjhg==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -6086,7 +6142,7 @@ packages:
       magic-string: 0.25.7
       minimatch: 3.0.4
       resolve: 1.20.0
-      unplugin: 0.2.16_vite@2.6.1
+      unplugin: 0.2.16_vite@2.6.2
       vue: 3.2.19
     transitivePeerDependencies:
       - rollup
@@ -6095,26 +6151,7 @@ packages:
       - webpack
     dev: true
 
-  /unplugin/0.2.14_vite@2.6.1:
+  /unplugin/0.2.16_vite@2.6.2:
-    resolution: {integrity: sha512-6B9RUTJzvdMjJshEGyiBc2HRpVTaRiQ7WEJxgL/pwH4RZZWzb1if5YjjYHOhcY8v34x8fgbvRWKxD+kyiPG5Gg==}
-    peerDependencies:
-      rollup: ^2.50.0
-      vite: ^2.3.0
-      webpack: 4 || 5
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-      vite:
-        optional: true
-      webpack:
-        optional: true
-    dependencies:
-      pathe: 0.0.2
-      vite: 2.6.1
-      webpack-virtual-modules: 0.4.3
-    dev: true
-
-  /unplugin/0.2.16_vite@2.6.1:
     resolution: {integrity: sha512-KkXatHba0baJszSHW+2e8EQU/5Bz7rYwzYXu8wUeq97tE6K3wvub+7OWSuRv04LttvzNLsJ2jXEyR35gofv74Q==}
     peerDependencies:
       rollup: ^2.50.0
@@ -6128,7 +6165,7 @@ packages:
       webpack:
         optional: true
     dependencies:
-      vite: 2.6.1
+      vite: 2.6.2
       webpack-virtual-modules: 0.4.3
     dev: true
 
@@ -6177,20 +6214,20 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /vite-plugin-inspect/0.3.7_vite@2.6.1:
+  /vite-plugin-inspect/0.3.8_vite@2.6.2:
-    resolution: {integrity: sha512-Ws1tV2wNeX0sh/Sahvh7/DbSBqpVtmlsZNNvoMehcJoKFpoULxsm68HFhDXxb63wQLPXPz3XLmE7ex89zI0kfw==}
+    resolution: {integrity: sha512-gUYSEUDm4f9WdPhrJ1MujLHCMZ85uBPjHfUfp7uwn/OGr0nCtC8vqjtqvl0/59hzeiB5OdugpScNnKE3JaiEGg==}
     peerDependencies:
       vite: ^2.0.0
     dependencies:
       debug: 4.3.2
       sirv: 1.0.17
       ufo: 0.7.9
-      vite: 2.6.1
+      vite: 2.6.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /vite-plugin-md/0.11.1_vite@2.6.1:
+  /vite-plugin-md/0.11.1_vite@2.6.2:
     resolution: {integrity: sha512-nS+VmwFpUv+RiUcHntMPGXb8QxdJupW7q4AtqWpdpkAmTgI/HRilLRFtBIPxt4d+ZVtuMFrG3l1TG/hTUgghUg==}
     peerDependencies:
       vite: ^2.0.0
@@ -6198,10 +6235,10 @@ packages:
       '@rollup/pluginutils': 4.1.1
       gray-matter: 4.0.3
       markdown-it: 12.2.0
-      vite: 2.6.1
+      vite: 2.6.2
     dev: true
 
-  /vite-plugin-pages/0.18.1_054142d3e3057789198177f125a6a6db:
+  /vite-plugin-pages/0.18.1_482d2d3d4c9442e66bdc4cb86c777ab2:
     resolution: {integrity: sha512-+hNe98nkKoN/jK5dEdsTWRpTEpF++5A523cdNXE329eLedp9nql1EmWAuR5UqvP8aU+LCtWJN6Nnw3NWGWB9gQ==}
     peerDependencies:
       '@vue/compiler-sfc': '>=3'
@@ -6216,22 +6253,23 @@ packages:
       deep-equal: 2.0.5
       fast-glob: 3.2.7
       json5: 2.2.0
-      vite: 2.6.1
+      vite: 2.6.2
       yaml: 2.0.0-8
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /vite-plugin-pwa/0.11.2_vite@2.6.1:
+  /vite-plugin-pwa/0.11.3_vite@2.6.2:
-    resolution: {integrity: sha512-TlsXarwMrt8ccITZaag9yYkBfABn+HfUnZIFDxpX4TwON3F0KSpza72NSqVt8zIjt55+iU1tGonwjxvUAmKYxw==}
+    resolution: {integrity: sha512-KAuv7aAX1VTkaR7DakpmUG7LypNXlf+M/x4y2xYrYgQHoqk2Y2mKKR0dAG5cGBekqcev56QsABusTBScPm50mw==}
     peerDependencies:
       vite: ^2.0.0
     dependencies:
+      chalk: 4.1.2
       debug: 4.3.2
       fast-glob: 3.2.7
       pretty-bytes: 5.6.0
-      rollup: 2.56.3
+      rollup: 2.58.0
-      vite: 2.6.1
+      vite: 2.6.2
       workbox-build: 6.3.0
       workbox-window: 6.3.0
     transitivePeerDependencies:
@@ -6239,7 +6277,7 @@ packages:
       - supports-color
     dev: true
 
-  /vite-plugin-vue-layouts/0.5.0_6e9f8bb7383b9d7aad01da7aac032e71:
+  /vite-plugin-vue-layouts/0.5.0_e0ffb6fce806eb067f0a36796cf5339f:
     resolution: {integrity: sha512-KN03GMSGNrWxeHJo5OO9fvdZh44PfievNAoLeMbf20UQPBBO6kpIMVTYB6sFPMWmiTbqZmq3we4z/ocJkxAEiA==}
     peerDependencies:
       vite: ^2.5.0
@@ -6249,30 +6287,30 @@ packages:
       '@vue/compiler-sfc': 3.2.16
       debug: 4.3.2
       fast-glob: 3.2.7
-      vite: 2.6.1
+      vite: 2.6.2
       vue: 3.2.19
       vue-router: 4.0.11_vue@3.2.19
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /vite-plugin-windicss/1.4.8_typescript@4.4.3+vite@2.6.1:
+  /vite-plugin-windicss/1.4.9_typescript@4.4.3+vite@2.6.2:
-    resolution: {integrity: sha512-X5lL0Cll+HAUDTaeN0pVEvzs3jZ3gY26vaZCPW/+whMsaErXY7cSV3hNzc8TrFi3GMCeWgqfRAedI2spMM1wHg==}
+    resolution: {integrity: sha512-4DxBnsQ8dvhhtR5aUgpTApxN7Auh11/9xOIW7Qdu+OuTY6tyU1NqZntVQpwArf4gNsJssgUBBCfFx1zei+rYnQ==}
     peerDependencies:
       vite: ^2.0.1
     dependencies:
-      '@windicss/plugin-utils': 1.4.8_typescript@4.4.3
+      '@windicss/plugin-utils': 1.4.9_typescript@4.4.3
       chalk: 4.1.2
       debug: 4.3.2
-      vite: 2.6.1
+      vite: 2.6.2
-      windicss: 3.1.7
+      windicss: 3.1.8
     transitivePeerDependencies:
       - supports-color
       - ts-node
       - typescript
     dev: true
 
-  /vite-ssg/0.15.4_413de7802af0561d7e307049e2e82bdc:
+  /vite-ssg/0.15.4_11c637a4a01433d4e05f936b99724dc9:
     resolution: {integrity: sha512-90RPbxjbXi4BF+rcg6aV6Qa+ipSrDcqh+mq/fnv6C4CL1Aob6EWOaCbfO0m6Sj35gazss4FUIzv5knXhJSbArQ==}
     engines: {node: '>=14.0.0'}
     hasBin: true
@@ -6298,7 +6336,7 @@ packages:
       jsdom: 17.0.0
       prettier: 2.4.1
       read-pkg-up: 7.0.1
-      vite: 2.6.1
+      vite: 2.6.2
       vue: 3.2.19
       vue-router: 4.0.11_vue@3.2.19
       yargs: 17.1.1
@@ -6309,8 +6347,8 @@ packages:
       - utf-8-validate
     dev: true
 
-  /vite/2.6.1:
+  /vite/2.6.2:
-    resolution: {integrity: sha512-rYd+iGMQ+AytWfYBDhIz2upeiseuqrAMwmApJDR40wu12C9MqzemX449nM3FN1Z/FFSV+fMTFz7eMenngVSogA==}
+    resolution: {integrity: sha512-HSIg9U15LOnbD3CUxX364Pdrm7DUjftuBljowGxvkFHgDZU/SKPqApg9t86MX/Qq1VCO7wS+mGJHlfuTF7c0Sg==}
     engines: {node: '>=12.2.0'}
     hasBin: true
     peerDependencies:
@@ -6632,8 +6670,8 @@ packages:
       isexe: 2.0.0
     dev: true
 
-  /windicss/3.1.7:
+  /windicss/3.1.8:
-    resolution: {integrity: sha512-Q/HQ9j+r2R0fdt85zAjccdo11kHWzQmpkuwIUQIO6PSypyDmBTfN14aAy4szLrpgo2woyuHM7Y+kir4IG4qnKQ==}
+    resolution: {integrity: sha512-G1UfnnSZ3s4MZnqqIL8DOQbL8rBArQKlodlby8OvP333TPaRouamuIuYyCt5kSNEJzFrkx168TSRIkqhDs9bOA==}
     engines: {node: '>= 12'}
     hasBin: true
     dev: true
@@ -6674,9 +6712,9 @@ packages:
       '@babel/core': 7.15.5
       '@babel/preset-env': 7.15.6_@babel+core@7.15.5
       '@babel/runtime': 7.15.4
-      '@rollup/plugin-babel': 5.3.0_@babel+core@7.15.5+rollup@2.56.3
+      '@rollup/plugin-babel': 5.3.0_@babel+core@7.15.5+rollup@2.58.0
-      '@rollup/plugin-node-resolve': 11.2.1_rollup@2.56.3
+      '@rollup/plugin-node-resolve': 11.2.1_rollup@2.58.0
-      '@rollup/plugin-replace': 2.4.2_rollup@2.56.3
+      '@rollup/plugin-replace': 2.4.2_rollup@2.58.0
       '@surma/rollup-plugin-off-main-thread': 1.4.2
       ajv: 8.6.3
       common-tags: 1.8.0
@@ -6685,8 +6723,8 @@ packages:
       glob: 7.1.7
       lodash: 4.17.21
       pretty-bytes: 5.6.0
-      rollup: 2.56.3
+      rollup: 2.58.0
-      rollup-plugin-terser: 7.0.2_rollup@2.56.3
+      rollup-plugin-terser: 7.0.2_rollup@2.58.0
       source-map: 0.8.0-beta.0
       source-map-url: 0.4.1
       stringify-object: 3.3.0
@@ -6886,3 +6924,8 @@ packages:
       y18n: 5.0.8
       yargs-parser: 20.2.9
     dev: true
+
+  /yocto-queue/0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+    dev: true

vite.config.ts

@@ -70,7 +70,9 @@ export default defineConfig({
     }),
 
     // https://github.com/antfu/unplugin-icons
-    Icons(),
+    Icons({
+      autoInstall: true,
+    }),
 
     // https://github.com/antfu/vite-plugin-windicss
     WindiCSS({