From 72a6ca2174d7fbf7263bdba6acea68bd778538b0 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Wed, 18 Sep 2024 17:36:01 +0200
Subject: [PATCH] refactor(devtools): override nuxt-root

---
 playground/app/app.config.ts                  | 2882 +----------------
 playground/app/app.vue                        |    6 +-
 playground/app/components/island-renderer.ts  |   37 +
 playground/app/components/nuxt-root.vue       |   66 +
 .../components/Devtools.vue}                  |    0
 src/devtools/island-renderer.ts               |   37 +
 src/devtools/nuxt-root.vue                    |   69 +
 .../devtools/server/config.post.ts            |    0
 src/module.ts                                 |   12 +-
 9 files changed, 223 insertions(+), 2886 deletions(-)
 create mode 100644 playground/app/components/island-renderer.ts
 create mode 100644 playground/app/components/nuxt-root.vue
 rename src/{runtime/devtools/pages/index.vue => devtools/components/Devtools.vue} (100%)
 create mode 100644 src/devtools/island-renderer.ts
 create mode 100644 src/devtools/nuxt-root.vue
 rename src/{runtime => }/devtools/server/config.post.ts (100%)

diff --git a/playground/app/app.config.ts b/playground/app/app.config.ts
index a73c6b7796..7d70ca73ac 100644
--- a/playground/app/app.config.ts
+++ b/playground/app/app.config.ts
@@ -1,2885 +1,13 @@
 export default defineAppConfig({
-  nuxt: {},
+  toaster: {
+    position: 'bottom-right' as const,
+    expand: true,
+    duration: 5000
+  },
   ui: {
     colors: {
       primary: 'sky',
-      error: 'red',
       gray: 'cool'
-    },
-    icons: {
-      chevronDoubleLeft: 'i-heroicons-chevron-double-left-20-solid',
-      chevronDoubleRight: 'i-heroicons-chevron-double-right-20-solid',
-      chevronDown: 'i-heroicons-chevron-down-20-solid',
-      chevronLeft: 'i-heroicons-chevron-left-20-solid',
-      chevronRight: 'i-heroicons-chevron-right-20-solid',
-      check: 'i-heroicons-check-20-solid',
-      close: 'i-heroicons-x-mark-20-solid',
-      ellipsis: 'i-heroicons-ellipsis-horizontal-20-solid',
-      external: 'i-heroicons-arrow-up-right-20-solid',
-      loading: 'i-heroicons-arrow-path-20-solid',
-      minus: 'i-heroicons-minus-20-solid',
-      search: 'i-heroicons-magnifying-glass-20-solid'
-    },
-    button: {
-      slots: {
-        base: 'rounded-md',
-        label: ''
-      }
     }
-  },
-  icon: {
-    provider: 'server',
-    class: '',
-    aliases: {},
-    iconifyApiEndpoint: 'https://api.iconify.design',
-    localApiEndpoint: '/api/_nuxt_icon',
-    fallbackToApi: true,
-    cssSelectorPrefix: 'i-',
-    cssWherePseudo: true,
-    cssLayer: 'components',
-    mode: 'css',
-    attrs: {
-      'aria-hidden': true
-    },
-    collections: [
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'academicons',
-      'akar-icons',
-      'ant-design',
-      'arcticons',
-      'basil',
-      'bi',
-      'bitcoin-icons',
-      'bpmn',
-      'brandico',
-      'bx',
-      'bxl',
-      'bxs',
-      'bytesize',
-      'carbon',
-      'catppuccin',
-      'cbi',
-      'charm',
-      'ci',
-      'cib',
-      'cif',
-      'cil',
-      'circle-flags',
-      'circum',
-      'clarity',
-      'codicon',
-      'covid',
-      'cryptocurrency',
-      'cryptocurrency-color',
-      'dashicons',
-      'devicon',
-      'devicon-plain',
-      'ei',
-      'el',
-      'emojione',
-      'emojione-monotone',
-      'emojione-v1',
-      'entypo',
-      'entypo-social',
-      'eos-icons',
-      'ep',
-      'et',
-      'eva',
-      'f7',
-      'fa',
-      'fa-brands',
-      'fa-regular',
-      'fa-solid',
-      'fa6-brands',
-      'fa6-regular',
-      'fa6-solid',
-      'fad',
-      'fe',
-      'feather',
-      'file-icons',
-      'flag',
-      'flagpack',
-      'flat-color-icons',
-      'flat-ui',
-      'flowbite',
-      'fluent',
-      'fluent-emoji',
-      'fluent-emoji-flat',
-      'fluent-emoji-high-contrast',
-      'fluent-mdl2',
-      'fontelico',
-      'fontisto',
-      'formkit',
-      'foundation',
-      'fxemoji',
-      'gala',
-      'game-icons',
-      'geo',
-      'gg',
-      'gis',
-      'gravity-ui',
-      'gridicons',
-      'grommet-icons',
-      'guidance',
-      'healthicons',
-      'heroicons',
-      'heroicons-outline',
-      'heroicons-solid',
-      'hugeicons',
-      'humbleicons',
-      'ic',
-      'icomoon-free',
-      'icon-park',
-      'icon-park-outline',
-      'icon-park-solid',
-      'icon-park-twotone',
-      'iconamoon',
-      'iconoir',
-      'icons8',
-      'il',
-      'ion',
-      'iwwa',
-      'jam',
-      'la',
-      'lets-icons',
-      'line-md',
-      'logos',
-      'ls',
-      'lucide',
-      'lucide-lab',
-      'mage',
-      'majesticons',
-      'maki',
-      'map',
-      'marketeq',
-      'material-symbols',
-      'material-symbols-light',
-      'mdi',
-      'mdi-light',
-      'medical-icon',
-      'memory',
-      'meteocons',
-      'mi',
-      'mingcute',
-      'mono-icons',
-      'mynaui',
-      'nimbus',
-      'nonicons',
-      'noto',
-      'noto-v1',
-      'octicon',
-      'oi',
-      'ooui',
-      'openmoji',
-      'oui',
-      'pajamas',
-      'pepicons',
-      'pepicons-pencil',
-      'pepicons-pop',
-      'pepicons-print',
-      'ph',
-      'pixelarticons',
-      'prime',
-      'ps',
-      'quill',
-      'radix-icons',
-      'raphael',
-      'ri',
-      'rivet-icons',
-      'si-glyph',
-      'simple-icons',
-      'simple-line-icons',
-      'skill-icons',
-      'solar',
-      'streamline',
-      'streamline-emojis',
-      'subway',
-      'svg-spinners',
-      'system-uicons',
-      'tabler',
-      'tdesign',
-      'teenyicons',
-      'token',
-      'token-branded',
-      'topcoat',
-      'twemoji',
-      'typcn',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'unjs',
-      'vaadin',
-      'vs',
-      'vscode-icons',
-      'websymbol',
-      'weui',
-      'whh',
-      'wi',
-      'wpf',
-      'zmdi',
-      'zondicons'
-    ],
-    fetchTimeout: 500
-  },
-  toaster: {
-    position: 'bottom-right',
-    expand: true,
-    duration: 5000
   }
 })
diff --git a/playground/app/app.vue b/playground/app/app.vue
index 529d055984..c6d00c19b0 100644
--- a/playground/app/app.vue
+++ b/playground/app/app.vue
@@ -64,11 +64,7 @@ defineShortcuts({
 </script>
 
 <template>
-  <!-- TODO: Find a way to include the page without the added template from app.vue and layouts -->
-  <div v-if="$route.name === 'ui-devtools'">
-    <NuxtPage />
-  </div>
-  <UApp v-else :toaster="appConfig.toaster">
+  <UApp :toaster="appConfig.toaster">
     <div class="h-screen w-screen overflow-hidden flex min-h-0 bg-white dark:bg-gray-900" vaul-drawer-wrapper>
       <UNavigationMenu :items="items" orientation="vertical" class="border-r border-gray-200 dark:border-gray-800 overflow-y-auto w-48 p-4" />
 
diff --git a/playground/app/components/island-renderer.ts b/playground/app/components/island-renderer.ts
new file mode 100644
index 0000000000..b1ec26cc94
--- /dev/null
+++ b/playground/app/components/island-renderer.ts
@@ -0,0 +1,37 @@
+import type { defineAsyncComponent } from 'vue'
+import { createVNode, defineComponent, onErrorCaptured } from 'vue'
+
+import { injectHead } from '@unhead/vue'
+
+// @ts-expect-error virtual file
+import { islandComponents } from '#build/components.islands.mjs'
+
+export default defineComponent({
+  name: 'IslandRenderer',
+  props: {
+    context: {
+      type: Object as () => { name: string, props?: Record<string, any> },
+      required: true
+    }
+  },
+  setup(props) {
+    // reset head - we don't want to have any head tags from plugin or anywhere else.
+    const head = injectHead()
+    head.headEntries().splice(0, head.headEntries().length)
+
+    const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
+
+    if (!component) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: `Island component not found: ${props.context.name}`
+      })
+    }
+
+    onErrorCaptured((e) => {
+      console.log(e)
+    })
+
+    return () => createVNode(component || 'span', { ...props.context.props, 'data-island-uid': '' })
+  }
+})
diff --git a/playground/app/components/nuxt-root.vue b/playground/app/components/nuxt-root.vue
new file mode 100644
index 0000000000..06fdf25931
--- /dev/null
+++ b/playground/app/components/nuxt-root.vue
@@ -0,0 +1,66 @@
+<template>
+  <Suspense @resolve="onResolve">
+    <div v-if="abortRender" />
+    <ErrorComponent
+      v-else-if="error"
+      :error="error"
+    />
+    <IslandRenderer
+      v-else-if="islandContext"
+      :context="islandContext"
+    />
+    <component
+      :is="SingleRenderer"
+      v-else-if="SingleRenderer"
+    />
+    <AppComponent v-else />
+  </Suspense>
+</template>
+
+<script setup>
+import { defineAsyncComponent, onErrorCaptured, onServerPrefetch, provide } from 'vue'
+import AppComponent from '#build/app-component.mjs'
+import ErrorComponent from '#build/error-component.mjs'
+// @ts-expect-error virtual file
+import { componentIslands } from '#build/nuxt.config.mjs'
+
+const IslandRenderer = import.meta.server && componentIslands
+  ? defineAsyncComponent(() => import('./island-renderer').then(r => r.default || r))
+  : () => null
+
+const nuxtApp = useNuxtApp()
+const onResolve = nuxtApp.deferHydration()
+if (import.meta.client && nuxtApp.isHydrating) {
+  const removeErrorHook = nuxtApp.hooks.hookOnce('app:error', onResolve)
+  useRouter().beforeEach(removeErrorHook)
+}
+
+const url = import.meta.server ? nuxtApp.ssrContext.url : window.location.pathname
+const SingleRenderer = import.meta.test && import.meta.dev && import.meta.server && url.startsWith('/__nuxt_component_test__/') && defineAsyncComponent(() => import('#build/test-component-wrapper.mjs')
+  .then(r => r.default(import.meta.server ? url : window.location.href)))
+
+// Inject default route (outside of pages) as active route
+provide('route', useRoute())
+
+// vue:setup hook
+const results = nuxtApp.hooks.callHookWith(hooks => hooks.map(hook => hook()), 'vue:setup')
+if (import.meta.dev && results && results.some(i => i && 'then' in i)) {
+  console.error('[nuxt] Error in `vue:setup`. Callbacks must be synchronous.')
+}
+
+// error handling
+const error = useError()
+// render an empty <div> when plugins have thrown an error but we're not yet rendering the error page
+const abortRender = import.meta.server && error.value && !nuxtApp.ssrContext.error
+onErrorCaptured((err, target, info) => {
+  nuxtApp.hooks.callHook('vue:error', err, target, info).catch(hookError => console.error('[nuxt] Error in `vue:error` hook', hookError))
+  if (import.meta.server || (isNuxtError(err) && (err.fatal || err.unhandled))) {
+    const p = nuxtApp.runWithContext(() => showError(err))
+    onServerPrefetch(() => p)
+    return false // suppress error from breaking render
+  }
+})
+
+// Component islands context
+const islandContext = import.meta.server && nuxtApp.ssrContext.islandContext
+</script>
diff --git a/src/runtime/devtools/pages/index.vue b/src/devtools/components/Devtools.vue
similarity index 100%
rename from src/runtime/devtools/pages/index.vue
rename to src/devtools/components/Devtools.vue
diff --git a/src/devtools/island-renderer.ts b/src/devtools/island-renderer.ts
new file mode 100644
index 0000000000..b1ec26cc94
--- /dev/null
+++ b/src/devtools/island-renderer.ts
@@ -0,0 +1,37 @@
+import type { defineAsyncComponent } from 'vue'
+import { createVNode, defineComponent, onErrorCaptured } from 'vue'
+
+import { injectHead } from '@unhead/vue'
+
+// @ts-expect-error virtual file
+import { islandComponents } from '#build/components.islands.mjs'
+
+export default defineComponent({
+  name: 'IslandRenderer',
+  props: {
+    context: {
+      type: Object as () => { name: string, props?: Record<string, any> },
+      required: true
+    }
+  },
+  setup(props) {
+    // reset head - we don't want to have any head tags from plugin or anywhere else.
+    const head = injectHead()
+    head.headEntries().splice(0, head.headEntries().length)
+
+    const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
+
+    if (!component) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: `Island component not found: ${props.context.name}`
+      })
+    }
+
+    onErrorCaptured((e) => {
+      console.log(e)
+    })
+
+    return () => createVNode(component || 'span', { ...props.context.props, 'data-island-uid': '' })
+  }
+})
diff --git a/src/devtools/nuxt-root.vue b/src/devtools/nuxt-root.vue
new file mode 100644
index 0000000000..a11bd29e53
--- /dev/null
+++ b/src/devtools/nuxt-root.vue
@@ -0,0 +1,69 @@
+<template>
+  <Suspense @resolve="onResolve">
+    <div v-if="abortRender" />
+    <ErrorComponent
+      v-else-if="error"
+      :error="error"
+    />
+    <IslandRenderer
+      v-else-if="islandContext"
+      :context="islandContext"
+    />
+    <component
+      :is="SingleRenderer"
+      v-else-if="SingleRenderer"
+    />
+    <Devtools v-else-if="url === '/_ui/devtools'" />
+    <AppComponent v-else />
+  </Suspense>
+</template>
+
+<script setup>
+import { defineAsyncComponent, onErrorCaptured, onServerPrefetch, provide } from 'vue'
+import AppComponent from '#build/app-component.mjs'
+import ErrorComponent from '#build/error-component.mjs'
+// @ts-expect-error virtual file
+import { componentIslands } from '#build/nuxt.config.mjs'
+import Devtools from './components/Devtools.vue'
+
+const IslandRenderer = import.meta.server && componentIslands
+  ? defineAsyncComponent(() => import('./island-renderer').then(r => r.default || r))
+  : () => null
+
+const nuxtApp = useNuxtApp()
+const onResolve = nuxtApp.deferHydration()
+if (import.meta.client && nuxtApp.isHydrating) {
+  const removeErrorHook = nuxtApp.hooks.hookOnce('app:error', onResolve)
+  useRouter().beforeEach(removeErrorHook)
+}
+
+const url = import.meta.server ? nuxtApp.ssrContext.url : window.location.pathname
+
+const SingleRenderer = import.meta.test && import.meta.dev && import.meta.server && url.startsWith('/__nuxt_component_test__/') && defineAsyncComponent(() => import('#build/test-component-wrapper.mjs')
+  .then(r => r.default(import.meta.server ? url : window.location.href)))
+
+// Inject default route (outside of pages) as active route
+provide('route', useRoute())
+
+// vue:setup hook
+const results = nuxtApp.hooks.callHookWith(hooks => hooks.map(hook => hook()), 'vue:setup')
+if (import.meta.dev && results && results.some(i => i && 'then' in i)) {
+  console.error('[nuxt] Error in `vue:setup`. Callbacks must be synchronous.')
+}
+
+// error handling
+const error = useError()
+// render an empty <div> when plugins have thrown an error but we're not yet rendering the error page
+const abortRender = import.meta.server && error.value && !nuxtApp.ssrContext.error
+onErrorCaptured((err, target, info) => {
+  nuxtApp.hooks.callHook('vue:error', err, target, info).catch(hookError => console.error('[nuxt] Error in `vue:error` hook', hookError))
+  if (import.meta.server || (isNuxtError(err) && (err.fatal || err.unhandled))) {
+    const p = nuxtApp.runWithContext(() => showError(err))
+    onServerPrefetch(() => p)
+    return false // suppress error from breaking render
+  }
+})
+
+// Component islands context
+const islandContext = import.meta.server && nuxtApp.ssrContext.islandContext
+</script>
diff --git a/src/runtime/devtools/server/config.post.ts b/src/devtools/server/config.post.ts
similarity index 100%
rename from src/runtime/devtools/server/config.post.ts
rename to src/devtools/server/config.post.ts
diff --git a/src/module.ts b/src/module.ts
index 25f4b1f336..29f8a3f6dd 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -2,7 +2,6 @@ import { defu } from 'defu'
 import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addVitePlugin, addPlugin, installModule, extendPages, addServerHandler, hasNuxtModule } from '@nuxt/kit'
 import { addTemplates } from './templates'
 import icons from './theme/icons'
-
 import { addCustomTab } from '@nuxt/devtools-kit'
 
 export type * from './runtime/types'
@@ -121,20 +120,25 @@ export default defineNuxtModule<ModuleOptions>({
     addTemplates(options, nuxt)
 
     if (nuxt.options.dev) {
+      nuxt.hook('app:resolve', (app) => {
+        app.rootComponent = resolve('./devtools/nuxt-root.vue')
+      })
+
       addServerHandler({
         route: '/_ui/config',
-        handler: resolve('./runtime/devtools/server/config.post.ts'),
+        handler: resolve('./devtools/server/config.post.ts'),
         method: 'POST'
       })
 
       extendPages((pages) => {
         pages.unshift({
           name: 'ui-devtools',
-          path: '/_ui/devtools',
-          file: resolve('runtime/devtools/pages/index.vue')
+          path: '/_ui/devtools'
         })
       })
 
+      nuxt.options.nitro.routeRules['_ui/**'] = { ssr: false }
+
       addCustomTab({
         name: 'nuxt-ui',
         title: 'Nuxt UI',