perf: improve runtime icons render

package.json

@@ -23,12 +23,12 @@
     "@nuxt/module-builder": "^0.3.0",
     "@types/fs-extra": "^11.0.1",
     "@types/markdown-it": "^12.2.3",
-    "@types/node": "^18.15.13",
+    "@types/node": "^18.16.0",
     "@types/pacote": "^11.1.5",
     "@types/wait-on": "^5.3.1",
     "@types/which": "^3.0.0",
     "@types/ws": "^8.5.4",
-    "@unocss/eslint-config": "^0.51.6",
+    "@unocss/eslint-config": "^0.51.8",
     "bumpp": "^9.1.0",
     "conventional-changelog-cli": "^2.2.2",
     "eslint": "^8.39.0",
@@ -39,8 +39,8 @@
     "pathe": "^1.1.0",
     "simple-git-hooks": "^2.8.1",
     "typescript": "^5.0.4",
-    "unocss": "^0.51.6",
-    "vue-tsc": "^1.4.3"
+    "unocss": "^0.51.8",
+    "vue-tsc": "^1.4.4"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"

packages/devtools-ui-kit/package.json

@@ -38,18 +38,18 @@
     "@nuxt/devtools-kit": "workspace:*",
     "@nuxt/kit": "^3.4.2",
     "@nuxtjs/color-mode": "^3.2.0",
-    "@unocss/core": "^0.51.6",
-    "@unocss/nuxt": "^0.51.6",
-    "@unocss/preset-attributify": "^0.51.6",
-    "@unocss/preset-icons": "^0.51.6",
-    "@unocss/preset-mini": "^0.51.6",
-    "@unocss/reset": "^0.51.6",
+    "@unocss/core": "^0.51.8",
+    "@unocss/nuxt": "^0.51.8",
+    "@unocss/preset-attributify": "^0.51.8",
+    "@unocss/preset-icons": "^0.51.8",
+    "@unocss/preset-mini": "^0.51.8",
+    "@unocss/reset": "^0.51.8",
     "@vueuse/core": "^10.1.0",
     "@vueuse/integrations": "^10.1.0",
     "@vueuse/nuxt": "^10.1.0",
     "defu": "^6.1.2",
     "focus-trap": "^7.4.0",
-    "unocss": "^0.51.6",
+    "unocss": "^0.51.8",
     "v-lazy-show": "^0.2.3"
   },
   "devDependencies": {

packages/devtools/client/setup/unocss-runtime.ts

@@ -1,8 +1,8 @@
 // @ts-expect-error missin types
 import presetIcons from '@unocss/preset-icons/browser'
-import initUnocssRuntime from '@unocss/runtime'
+import init from '@unocss/runtime'
 
-initUnocssRuntime({
+init({
   defaults: {
     presets: [
       presetIcons({
@@ -17,4 +17,5 @@ initUnocssRuntime({
       }),
     ],
   },
+  bypassDefined: true,
 })

packages/devtools/client/unocss.config.ts

@@ -51,4 +51,9 @@ export default defineConfig({
       'content/*.md',
     ],
   },
+  safelist: [
+    'carbon-ibm-watson-discovery',
+    'simple-icons-nuxtdotjs',
+    'bxl-visual-studio',
+  ],
 })

packages/devtools/package.json

@@ -72,18 +72,20 @@
   },
   "devDependencies": {
     "@antfu/utils": "^0.7.2",
+    "@iconify-json/bxl": "^1.1.6",
     "@iconify-json/carbon": "^1.1.16",
     "@iconify-json/logos": "^1.1.25",
     "@iconify-json/mdi": "^1.1.50",
     "@iconify-json/ri": "^1.1.8",
+    "@iconify-json/simple-icons": "^1.1.49",
     "@iconify-json/tabler": "^1.1.74",
     "@nuxt/content": "^2.6.0",
     "@nuxt/devtools": "workspace:*",
     "@nuxtjs/color-mode": "^3.2.0",
-    "@unocss/nuxt": "^0.51.6",
-    "@unocss/preset-icons": "^0.51.6",
-    "@unocss/preset-uno": "^0.51.6",
-    "@unocss/runtime": "^0.51.6",
+    "@unocss/nuxt": "^0.51.8",
+    "@unocss/preset-icons": "^0.51.8",
+    "@unocss/preset-uno": "^0.51.8",
+    "@unocss/runtime": "^0.51.8",
     "@vueuse/nuxt": "^10.1.0",
     "esno": "^0.16.3",
     "flatted": "^3.2.7",
@@ -100,11 +102,11 @@
     "shiki-es": "^0.2.0",
     "splitpanes": "^3.1.5",
     "theme-vitesse": "^0.6.4",
-    "unocss": "^0.51.6",
+    "unocss": "^0.51.8",
     "vanilla-jsoneditor": "^0.17.1",
     "vis-data": "^7.1.6",
     "vis-network": "^9.1.6",
-    "vue-tsc": "^1.4.3",
+    "vue-tsc": "^1.4.4",
     "xterm": "^5.1.0",
     "xterm-addon-fit": "^0.7.0"
   }

packages/devtools/src/integrations/vscode.ts

@@ -102,7 +102,7 @@ export async function setup({ nuxt, options }: NuxtDevtoolsServerContext) {
     tabs.push({
       name: 'builtin-vscode',
       title: 'VS Code',
-      icon: 'i-bxl-visual-studio',
+      icon: 'bxl-visual-studio',
       category: 'modules',
       view: !installed
         ? {