From 2b8cc623e4ab93ff43a8255c70dee04c021fe104 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Fri, 6 Jan 2023 15:18:00 +0100
Subject: [PATCH] feat(nuxt): devtools integrations

---
 packages/nuxt/src/index.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/nuxt/src/index.ts b/packages/nuxt/src/index.ts
index 7a8ff80e79..ca6971f24b 100644
--- a/packages/nuxt/src/index.ts
+++ b/packages/nuxt/src/index.ts
@@ -78,6 +78,21 @@ export default defineNuxtModule<UnocssNuxtOptions>({
       config.plugins.unshift(...VitePlugin({}, unoConfig))
     })
 
+    if (nuxt.options.dev) {
+      // @ts-expect-error missing type
+      nuxt.hook('devtools:customTabs', (tabs) => {
+        tabs.push({
+          title: 'UnoCSS',
+          name: 'unocss',
+          icon: 'logos-unocss',
+          view: {
+            type: 'iframe',
+            src: '/__unocss/',
+          },
+        })
+      })
+    }
+
     // Nuxt 2
     if (isNuxt2()) {
       nuxt.hook('app:resolve', (config) => {