From c1554a39036d065e05fdbc1635287e5f52a07a14 Mon Sep 17 00:00:00 2001
From: Anthony Fu <github@antfu.me>
Date: Thu, 19 Sep 2024 16:45:32 +0200
Subject: [PATCH] fix: disable `quicktype` schema generation temporary

---
 packages/devtools/client/app.vue                           | 6 +++---
 packages/devtools/client/components/ServerRouteDetails.vue | 5 +++--
 packages/devtools/client/components/StateEditor.vue        | 5 +++--
 packages/devtools/client/components/docs/timeline.md       | 2 --
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/devtools/client/app.vue b/packages/devtools/client/app.vue
index ffa974f99..e72127984 100644
--- a/packages/devtools/client/app.vue
+++ b/packages/devtools/client/app.vue
@@ -56,7 +56,7 @@ useEventListener('keydown', (e) => {
 })
 
 const { scale, sidebarExpanded } = useDevToolsUIOptions()
-const dataSchema = useSchemaInput()
+// const dataSchema = useSchemaInput()
 
 onMounted(async () => {
   const injectClient = useInjectionClient()
@@ -148,8 +148,8 @@ registerCommands(() => [
     </div>
     <DisconnectIndicator />
     <RestartDialogs />
-    <div v-lazy-show="dataSchema">
+    <!-- <div v-lazy-show="dataSchema">
       <LazyDataSchemaDrawer />
-    </div>
+    </div> -->
   </div>
 </template>
diff --git a/packages/devtools/client/components/ServerRouteDetails.vue b/packages/devtools/client/components/ServerRouteDetails.vue
index 1fd0f59e7..a4b3152b1 100644
--- a/packages/devtools/client/components/ServerRouteDetails.vue
+++ b/packages/devtools/client/components/ServerRouteDetails.vue
@@ -578,10 +578,11 @@ const copy = useCopy()
         <code v-if="response.contentType" text-xs op50>
           {{ response.contentType }}
         </code>
-        <DataSchemaButton
+        <!-- TODO: quicktype has some problem of bundling (it's in CJS), we remove this temporary -->
+        <!-- <DataSchemaButton
           v-if="response.contentType === 'application/json'"
           :getter="() => ({ input: responseContent })"
-        />
+        /> -->
         <div flex-auto />
         <div op50>
           Request finished in
diff --git a/packages/devtools/client/components/StateEditor.vue b/packages/devtools/client/components/StateEditor.vue
index afbd75e06..02c886b2e 100644
--- a/packages/devtools/client/components/StateEditor.vue
+++ b/packages/devtools/client/components/StateEditor.vue
@@ -90,10 +90,11 @@ async function refresh() {
       <slot name="actions" v-bind="{ isOpen, name, state }" />
       <template v-if="isOpen">
         <NButton v-tooltip.bottom="'Refresh View'" title="Refresh View" icon="carbon-renew" :border="false" @click="refresh" />
-        <DataSchemaButton
+        <!-- TODO: quicktype has some problem of bundling (it's in CJS), we remove this temporary -->
+        <!-- <DataSchemaButton
           v-if="proxy && !error"
           :getter="() => ({ name, input: JSON.stringify(proxy) })"
-        />
+        /> -->
       </template>
     </div>
     <template v-if="isOpen || !name">
diff --git a/packages/devtools/client/components/docs/timeline.md b/packages/devtools/client/components/docs/timeline.md
index 39b559797..50aff2f4e 100644
--- a/packages/devtools/client/components/docs/timeline.md
+++ b/packages/devtools/client/components/docs/timeline.md
@@ -1,10 +1,8 @@
 # Timeline
 
-<p>
 <blockquote text-orange bg-orange:10 py1>
 This is an experimental feature
 </blockquote>
-</p>
 
 Timeline tracks your route navigations and functions calls in your Nuxt application. It can be used to debug performance issues and to understand how your application works.