From 18955d6c0fbf2544f7b3ffb547bd4769717ade85 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Wed, 17 Aug 2022 15:26:50 +0200
Subject: [PATCH 1/3] fix(nuxt): use `vue-devtools-stub` to mock
 `@vue/devtools-api` for both cjs + esm

---
 packages/nuxt/package.json          | 1 +
 packages/nuxt/src/core/nitro.ts     | 2 +-
 test/fixtures/basic/pages/index.vue | 5 +++++
 yarn.lock                           | 8 ++++++++
 4 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
index f2a761c5612..d7a84734da3 100644
--- a/packages/nuxt/package.json
+++ b/packages/nuxt/package.json
@@ -68,6 +68,7 @@
     "untyped": "^0.4.5",
     "vue": "^3.2.37",
     "vue-bundle-renderer": "^0.4.2",
+    "vue-devtools-stub": "^0.1.0",
     "vue-router": "^4.1.3"
   },
   "devDependencies": {
diff --git a/packages/nuxt/src/core/nitro.ts b/packages/nuxt/src/core/nitro.ts
index c3993ec3d44..2de2d3db6ca 100644
--- a/packages/nuxt/src/core/nitro.ts
+++ b/packages/nuxt/src/core/nitro.ts
@@ -82,7 +82,7 @@ export async function initNitro (nuxt: Nuxt) {
       '@vue/compiler-core': 'unenv/runtime/mock/proxy',
       '@vue/compiler-dom': 'unenv/runtime/mock/proxy',
       '@vue/compiler-ssr': 'unenv/runtime/mock/proxy',
-      '@vue/devtools-api': 'unenv/runtime/mock/proxy-cjs',
+      '@vue/devtools-api': 'vue-devtools-stub',
 
       // Paths
       '#paths': resolve(distDir, 'core/runtime/nitro/paths'),
diff --git a/test/fixtures/basic/pages/index.vue b/test/fixtures/basic/pages/index.vue
index bc8f28632e0..e78eb205831 100644
--- a/test/fixtures/basic/pages/index.vue
+++ b/test/fixtures/basic/pages/index.vue
@@ -21,8 +21,13 @@
 </template>
 
 <script setup>
+import { setupDevtoolsPlugin } from '@vue/devtools-api'
 import { useRuntimeConfig } from '#imports'
 
+if (useRuntimeConfig().enableDevtools) {
+  setupDevtoolsPlugin()
+}
+
 const config = useRuntimeConfig()
 
 // reset title template example
diff --git a/yarn.lock b/yarn.lock
index 83e79adc90a..46540bf9d57 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10191,6 +10191,7 @@ __metadata:
     untyped: ^0.4.5
     vue: ^3.2.37
     vue-bundle-renderer: ^0.4.2
+    vue-devtools-stub: ^0.1.0
     vue-meta: next
     vue-router: ^4.1.3
   bin:
@@ -13684,6 +13685,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vue-devtools-stub@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "vue-devtools-stub@npm:0.1.0"
+  checksum: 3f19fa2ab6d7f65de459f6c10d8f1d682dcd4ac55934c37617423d4a70efb98aa0a35f290120ec0c429ddcc0bdb7458836f87763ee0b8acfe007e4869f67dbbb
+  languageName: node
+  linkType: hard
+
 "vue-eslint-parser@npm:^8.0.1":
   version: 8.3.0
   resolution: "vue-eslint-parser@npm:8.3.0"

From eba8ccc3cddedea91b23ba5e087a30ab51cccae7 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Wed, 17 Aug 2022 16:00:38 +0200
Subject: [PATCH 2/3] test: always try setupDevtools

---
 test/fixtures/basic/pages/index.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/test/fixtures/basic/pages/index.vue b/test/fixtures/basic/pages/index.vue
index e78eb205831..29445dc19ef 100644
--- a/test/fixtures/basic/pages/index.vue
+++ b/test/fixtures/basic/pages/index.vue
@@ -24,9 +24,7 @@
 import { setupDevtoolsPlugin } from '@vue/devtools-api'
 import { useRuntimeConfig } from '#imports'
 
-if (useRuntimeConfig().enableDevtools) {
-  setupDevtoolsPlugin()
-}
+setupDevtoolsPlugin()
 
 const config = useRuntimeConfig()
 

From 71712ced17944d2731af82bf2c57993809b54ef8 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Wed, 17 Aug 2022 16:16:14 +0200
Subject: [PATCH 3/3] test: pass options

---
 test/fixtures/basic/pages/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/fixtures/basic/pages/index.vue b/test/fixtures/basic/pages/index.vue
index 29445dc19ef..69856bb302b 100644
--- a/test/fixtures/basic/pages/index.vue
+++ b/test/fixtures/basic/pages/index.vue
@@ -24,7 +24,7 @@
 import { setupDevtoolsPlugin } from '@vue/devtools-api'
 import { useRuntimeConfig } from '#imports'
 
-setupDevtoolsPlugin()
+setupDevtoolsPlugin({}, () => {})
 
 const config = useRuntimeConfig()