Refactoring Lenses Using Vue Composables (#1995)

packages/hoppscotch-app/helpers/lenses/composables/useCopyResponse.ts

@@ -0,0 +1,24 @@
+import { Ref, ref } from "@nuxtjs/composition-api"
+import { copyToClipboard } from "~/helpers/utils/clipboard"
+import { useI18n, useToast } from "~/helpers/utils/composables"
+
+export default function useCopyResponse(responseBodyText: Ref<any>): {
+  copyIcon: Ref<string>
+  copyResponse: () => void
+} {
+  const toast = useToast()
+  const t = useI18n()
+  const copyIcon = ref("copy")
+
+  const copyResponse = () => {
+    copyToClipboard(responseBodyText.value)
+    copyIcon.value = "check"
+    toast.success(`${t("state.copied_to_clipboard")}`)
+    setTimeout(() => (copyIcon.value = "copy"), 1000)
+  }
+
+  return {
+    copyIcon,
+    copyResponse,
+  }
+}