feat(server-routes): copy url button (#389)

nuxt · Aug 13, 2023 · 7903740 · 7903740
1 parent 103419e
commit 7903740
Showing 1 changed file with 19 additions and 6 deletions.
diff --git a/packages/devtools/client/components/ServerRouteDetails.vue b/packages/devtools/client/components/ServerRouteDetails.vue
@@ -289,6 +289,8 @@ watchEffect(() => {
       routeInputBodyJSON.value = JSON.parse(routeInputBodyJSON.value)
   }
 })
+
+const copy = useCopy()
 </script>
 
 <template>
@@ -303,12 +305,23 @@ watchEffect(() => {
             {{ method.toUpperCase() }}
           </option>
         </NSelect>
-        <NTextInput
-          :model-value="finalPath"
-          disabled flex-auto font-mono
-          p="x5 y2"
-          n="primary xs"
-        />
+        <div relative w-full>
+          <NTextInput
+            :model-value="finalPath"
+            disabled flex-auto font-mono
+            p="x5 y2"
+            n="primary xs"
+          />
+          <NButton
+            v-tooltip="'Copy URL'"
+            title="Copy URL"
+            absolute right-2 top-1.7
+            n="xs blue"
+            @click="copy(finalURL)"
+          >
+            <NIcon icon="carbon:copy" />
+          </NButton>
+        </div>
         <NButton n="primary solid" @click="fetchData">
           <NIcon icon="carbon:send" />
         </NButton>