refactor: types

assets/scss/styles.scss

@@ -104,7 +104,7 @@ a {
 .tippy-popper {
   .tooltip-theme {
     @apply bg-tooltip;
-    @apply text-primaryLight text-xs;
+    @apply text-primary text-xs;
     @apply font-semibold;
     @apply py-1 px-2;
     @apply shadow;
@@ -291,7 +291,7 @@ input[type="checkbox"] {
     &.toasted-primary {
       @apply px-6 py-1;
       @apply bg-tooltip;
-      @apply text-white text-xs;
+      @apply text-primary text-xs;
       @apply !font-semibold;
 
       .material-icons {

assets/scss/themes.scss

@@ -39,11 +39,11 @@
   // Dark Background color
   --primary-dark-color: theme("colors.true-gray.100");
   // Text color
-  --secondary-color: theme("colors.true-gray.500");
+  --secondary-color: theme("colors.true-gray.600");
   // Light Text color
   --secondary-light-color: theme("colors.true-gray.400");
   // Dark Text color
-  --secondary-dark-color: theme("colors.true-gray.600");
+  --secondary-dark-color: theme("colors.true-gray.800");
   // Border color
   --divider-color: theme("colors.true-gray.200");
   // Light Border color
@@ -53,7 +53,7 @@
   // Error color
   --error-color: theme("colors.true-gray.700");
   // Tooltip color
-  --tooltip-color: theme("colors.true-gray.700");
+  --tooltip-color: theme("colors.true-gray.800");
   // Editor theme
   --editor-theme: "textmate";
 }
@@ -80,7 +80,7 @@
   // Error color
   --error-color: theme("colors.dark.800");
   // Tooltip color
-  --tooltip-color: theme("colors.true-gray.300");
+  --tooltip-color: theme("colors.true-gray.200");
   // Editor theme
   --editor-theme: "vibrant_ink";
 }

components/http/BodyParameters.vue

@@ -166,15 +166,15 @@ export default defineComponent({
     }
   },
   methods: {
-    clearContent(bodyParams, $event) {
+    clearContent(bodyParams: string, $event: any) {
       this.$emit("clear-content", bodyParams, $event)
     },
     setRouteQueryState() {
       this.$emit("set-route-query-state")
     },
-    removeRequestBodyParam(index) {
+    removeRequestBodyParam(index: number) {
       const paramArr = this.$store.state.request.bodyParams.filter(
-        (item, itemIndex) =>
+        (item: { active: boolean }, itemIndex: any) =>
           itemIndex !== index &&
           (Object.prototype.hasOwnProperty.call(item, "active")
             ? item.active === true
@@ -186,30 +186,35 @@ export default defineComponent({
     addRequestBodyParam() {
       this.$emit("add-request-body-param")
     },
-    setRequestAttachment(event, index) {
+    setRequestAttachment(event: { target: { files: any } }, index: number) {
       const { files } = event.target
       this.$store.commit("setFilesBodyParams", {
         index,
         value: Array.from(files),
       })
     },
-    requestBodyParamIsFile(index) {
+    requestBodyParamIsFile(index: number) {
       const bodyParamValue = this.bodyParams?.[index]?.value
       const isFile = bodyParamValue?.[0] instanceof File
       return isFile
     },
-    chipDelete(paramIndex, fileIndex) {
+    chipDelete(paramIndex: number, fileIndex: number) {
       this.$store.commit("removeFile", {
         index: paramIndex,
         fileIndex,
       })
     },
-    updateBodyParams(event, index, type) {
+    updateBodyParams(
+      event: { target: { value: any } },
+      index: number,
+      type: string
+    ) {
       this.$store.commit(type, {
         index,
         value: event.target.value,
       })
-      const paramArr = this.$store.state.request.bodyParams.filter((item) =>
+      const paramArr = this.$store.state.request.bodyParams.filter(
+        (item: { active: boolean }) =>
           Object.prototype.hasOwnProperty.call(item, "active")
             ? item.active === true
             : true
@@ -217,9 +222,9 @@ export default defineComponent({
 
       this.setRawParams(paramArr)
     },
-    toggleActive(index, param) {
+    toggleActive(index: number, param: { active: any }) {
       const paramArr = this.$store.state.request.bodyParams.filter(
-        (item, itemIndex) => {
+        (item: { active: boolean }, itemIndex: any) => {
           if (index === itemIndex) {
             return !param.active
           } else {
@@ -239,9 +244,9 @@ export default defineComponent({
           : false,
       })
     },
-    setRawParams(filteredParamArr) {
+    setRawParams(filteredParamArr: any[]) {
       let rawParams = {}
-      filteredParamArr.forEach((_param) => {
+      filteredParamArr.forEach((_param: { key: any; value: any }) => {
         rawParams = {
           ...rawParams,
           [_param.key]: _param.value,

components/http/CodegenModal.vue

@@ -60,7 +60,7 @@
           <ButtonSecondary
             ref="copyRequestCode"
             v-tippy="{ theme: 'tooltip' }"
-            :title="$t('copy_code')"
+            :title="$t('copy')"
             :icon="copyIcon"
             @click.native="copyRequestCode"
           />

components/http/Request.vue

@@ -24,7 +24,7 @@
                 py-2
                 px-4
                 transition
-                w-32
+                w-28
                 truncate
                 focus:outline-none focus:border-accent
               "

components/http/Tests.vue

@@ -98,12 +98,12 @@ export default defineComponent({
     },
     failedTests() {
       return this.testResults.expectResults.filter(
-        (result) => result.status === "fail"
+        (result: { status: string }) => result.status === "fail"
       ).length
     },
     passedTests() {
       return this.testResults.expectResults.filter(
-        (result) => result.status === "pass"
+        (result: { status: string }) => result.status === "pass"
       ).length
     },
   },

components/lenses/renderers/HTMLLensRenderer.vue

@@ -35,7 +35,7 @@
           v-if="response.body"
           ref="copyResponse"
           v-tippy="{ theme: 'tooltip' }"
-          :title="$t('copy_response')"
+          :title="$t('copy')"
           :icon="copyIcon"
           @click.native="copyResponse"
         />

components/lenses/renderers/JSONLensRenderer.vue

@@ -28,7 +28,7 @@
           v-if="response.body"
           ref="copyResponse"
           v-tippy="{ theme: 'tooltip' }"
-          :title="$t('copy_response')"
+          :title="$t('copy')"
           :icon="copyIcon"
           @click.native="copyResponse"
         />

components/lenses/renderers/RawLensRenderer.vue

@@ -28,7 +28,7 @@
           v-if="response.body"
           ref="copyResponse"
           v-tippy="{ theme: 'tooltip' }"
-          :title="$t('copy_response')"
+          :title="$t('copy')"
           :icon="copyIcon"
           @click.native="copyResponse"
         />

components/lenses/renderers/XMLLensRenderer.vue

@@ -28,7 +28,7 @@
           v-if="response.body"
           ref="copyResponse"
           v-tippy="{ theme: 'tooltip' }"
-          :title="$t('copy_response')"
+          :title="$t('copy')"
           :icon="copyIcon"
           @click.native="copyResponse"
         />

lang/bn-BD.json

@@ -162,8 +162,8 @@
   "browser_support_sse": "আপনার ব্রাউজারে সার্ভার সেন্ট ইভেন্টের সাপোর্ট নেই",
   "log": "লগ",
   "no_url": "কোনো ইউ.আর.এল নেই",
-  "run_query": "কুয়েরি চালান",
+  "run": "কুয়েরি চালান",
-  "copy_query": "কুয়েরি কপি করুন",
+  "copy": "কুয়েরি কপি করুন",
   "loading": "লোড হচ্ছে...",
   "fetching": "আনয়ন করা হচ্ছে...",
   "waiting_send_req": "(রিকোয়েস্ট পাঠানোর জন্য অপেক্ষা করা হচ্ছে)",
@@ -190,9 +190,9 @@
   "import_json": "জেসন থেকে ইমপোর্ট করুন",
   "download_file": "ফাইল ডাউনলোড করুন",
   "upload_file": "ফাইল আপলোড করুন",
-  "copy_response": "রেসপন্স কপি করুন",
+  "copy": "রেসপন্স কপি করুন",
-  "copy_code": "কোড কপি করুন",
+  "copy": "কোড কপি করুন",
-  "copy_schema": "স্কিমা কপি করুন",
+  "copy": "স্কিমা কপি করুন",
   "use_request": "রিকোয়েস্ট ব্যবহার করুন",
   "documentation": "ডকুমেন্টেশন",
   "docs": "ডকুমেন্টসমূহ",

lang/en-US.json

@@ -163,8 +163,8 @@
   "browser_support_sse": "This browser doesn't seems to have Server Sent Events support.",
   "log": "Log",
   "no_url": "No URL",
-  "run_query": "Run Query",
+  "run": "Run",
-  "copy_query": "Copy Query",
+  "copy": "Copy Query",
   "loading": "Loading...",
   "fetching": "Fetching...",
   "waiting_send_req": "Waiting to send request",
@@ -191,10 +191,10 @@
   "import_json": "Import from JSON",
   "download_file": "Download file",
   "upload_file": "Upload file",
-  "copy_response": "Copy response",
+  "copy": "Copy response",
-  "copy_code": "Copy code",
+  "copy": "Copy code",
-  "copy_schema": "Copy schema",
+  "copy": "Copy schema",
-  "copy_variables": "Copy variables",
+  "copy": "Copy variables",
   "use_request": "Use request",
   "documentation": "Documentation",
   "docs": "Docs",
@@ -352,5 +352,6 @@
   "shortcuts_indicator": "Shortcuts indicator",
   "zen_mode": "Zen mode",
   "notifications": "Notifications",
-  "connect_graphql_endpoint": "Connect to a GraphQL endpoint"
+  "connect_graphql_endpoint": "Connect to a GraphQL endpoint",
+  "copy": "Copy"
 }

lang/es-ES.json

@@ -153,8 +153,8 @@
   "browser_support_sse": "Este navegador parace no tener soporte a los eventos enviados desde el servidor.",
   "log": "Registro",
   "no_url": "Sin URL",
-  "run_query": "Ejecutar consulta",
+  "run": "Ejecutar consulta",
-  "copy_query": "Copiar consulta",
+  "copy": "Copiar consulta",
   "loading": "Cargando...",
   "fetching": "Recuperando...",
   "waiting_send_req": "(esperando para enviar la petición)",
@@ -175,9 +175,9 @@
   "import_json": "Importar desde JSON",
   "download_file": "Descargar archivo",
   "upload_file": "Cargar archivo",
-  "copy_response": "Copiar respuesta",
+  "copy": "Copiar respuesta",
-  "copy_code": "Copiar código",
+  "copy": "Copiar código",
-  "copy_schema": "Copiar esquema",
+  "copy": "Copiar esquema",
   "use_request": "Usar la petición",
   "documentation": "Documentación",
   "docs": "Documentos",

lang/fr-FR.json

@@ -155,8 +155,8 @@
   "browser_support_sse": "Ce navigateur ne semble pas prendre en charge les événements envoyés par le serveur.",
   "log": "Log",
   "no_url": "Aucune URL",
-  "run_query": "Lancer une recherche",
+  "run": "Lancer une recherche",
-  "copy_query": "Copier la recherche",
+  "copy": "Copier la recherche",
   "loading": "Chargement...",
   "fetching": "Récupération...",
   "waiting_send_req": "(en attente de l'envoi de la demande)",
@@ -176,9 +176,9 @@
   "import_json": "Importer depuis un JSON",
   "download_file": "Télécharger un fichier",
   "upload_file": "Charger un fichier",
-  "copy_response": "Copier la réponse",
+  "copy": "Copier la réponse",
-  "copy_code": "Copier le code",
+  "copy": "Copier le code",
-  "copy_schema": "Copier le  Schéma",
+  "copy": "Copier le  Schéma",
   "use_request": "Utiliser cette  requête",
   "documentation": "Documentation",
   "docs": "Docs",

lang/id-ID.json

@@ -162,8 +162,8 @@
   "browser_support_sse": "Peramban ini kelihatannya tidak mendukung Server Sent Events.",
   "log": "Log",
   "no_url": "Tanpa URL",
-  "run_query": "Jalankan Kueri",
+  "run": "Jalankan Kueri",
-  "copy_query": "Salin Kueri",
+  "copy": "Salin Kueri",
   "loading": "Memuat...",
   "fetching": "Mengambil...",
   "waiting_send_req": "(menunggu untuk mengirim permintaan)",
@@ -190,9 +190,9 @@
   "import_json": "Impor dari JSON",
   "download_file": "Unduh berkas",
   "upload_file": "Unggah berkas",
-  "copy_response": "Salin balasan",
+  "copy": "Salin balasan",
-  "copy_code": "Salin kode",
+  "copy": "Salin kode",
-  "copy_schema": "Salin Skema",
+  "copy": "Salin Skema",
   "use_request": "Pakai permintaan",
   "documentation": "Dokumentasi",
   "docs": "Dok",

lang/in-IN.json

@@ -162,8 +162,8 @@
   "browser_support_sse": "ऐसा लगता है कि इस ब्राउज़र में सर्वर से भेजे गए इवेंट का समर्थन नहीं है।",
   "log": "लॉग",
   "no_url": "कोई यूआरएल नहीं",
-  "run_query": "क्वेरी चलाएँ",
+  "run": "क्वेरी चलाएँ",
-  "copy_query": "कॉपी क्वेरी",
+  "copy": "कॉपी क्वेरी",
   "loading": "लोड हो रहा है...",
   "fetching": "प्राप्त कर रहा है...",
   "waiting_send_req": "(अनुरोध भेजने की प्रतीक्षा में)",
@@ -190,9 +190,9 @@
   "import_json": "JSON से आयात करें",
   "download_file": "फ़ाइल डाउनलोड करें",
   "upload_file": "फ़ाइल अपलोड करें",
-  "copy_response": "प्रतिक्रिया कॉपी करें",
+  "copy": "प्रतिक्रिया कॉपी करें",
-  "copy_code": "कॉपी कोड",
+  "copy": "कॉपी कोड",
-  "copy_schema": "कॉपी स्कीमा",
+  "copy": "कॉपी स्कीमा",
   "use_request": "अनुरोध का प्रयोग करें",
   "documentation": "प्रलेखन",
   "docs": "डॉक्स",

lang/ja-JP.json

@@ -155,8 +155,8 @@
   "browser_support_sse": "このブラウザはサーバー送信イベントのサポートがないようです。",
   "log": "ログ",
   "no_url": "URL無し",
-  "run_query": "クエリを実行",
+  "run": "クエリを実行",
-  "copy_query": "クエリをコピー",
+  "copy": "クエリをコピー",
   "loading": "ロード中...",
   "fetching": "フェッチ中...",
   "waiting_send_req": "（リクエスト送信待ち）",
@@ -176,9 +176,9 @@
   "import_json": "JSONをインポート",
   "download_file": "ファイルをダウンロード",
   "upload_file": "ファイルをアップロード",
-  "copy_response": "レスポンスをコピー",
+  "copy": "レスポンスをコピー",
-  "copy_code": "コードをコピー",
+  "copy": "コードをコピー",
-  "copy_schema": "スキーマをコピー",
+  "copy": "スキーマをコピー",
   "use_request": "リクエストを使用",
   "documentation": "ドキュメンテーション",
   "docs": "ドキュメント",

lang/ko-KR.json

@@ -162,8 +162,8 @@
   "browser_support_sse": "브라우저가 서버 전송 이벤트를 지원하지않습니다.",
   "log": "로그",
   "no_url": "URL 없음",
-  "run_query": "쿼리 실행",
+  "run": "쿼리 실행",
-  "copy_query": "쿼리 복사",
+  "copy": "쿼리 복사",
   "loading": "로딩중...",
   "fetching": "업데이트중...",
   "waiting_send_req": "(요청 송신 대기중)",
@@ -190,9 +190,9 @@
   "import_json": "JSON에서 가져오기",
   "download_file": "파일 다운로드",
   "upload_file": "파일 업로드",
-  "copy_response": "응답 복사",
+  "copy": "응답 복사",
-  "copy_code": "코드 복사",
+  "copy": "코드 복사",
-  "copy_schema": "스키마 복사",
+  "copy": "스키마 복사",
   "use_request": "요청 사용",
   "documentation": "문서화",
   "docs": "문서",

lang/ml-ML.json

@@ -162,8 +162,8 @@
   "browser_support_sse": "ഈ ബ്ര browser സറിന് സെർവർ അയച്ച ഇവന്റുകൾ പിന്തുണയുണ്ടെന്ന് തോന്നുന്നില്ല.",
   "log": "ലോഗ്",
   "no_url": "URL ഇല്ല",
-  "run_query": "അന്വേഷണം പ്രവർത്തിപ്പിക്കുക",
+  "run": "അന്വേഷണം പ്രവർത്തിപ്പിക്കുക",
-  "copy_query": "ചോദ്യം പകർത്തുക",
+  "copy": "ചോദ്യം പകർത്തുക",
   "loading": "ലോഡിംഗ്...",
   "fetching": "ലഭ്യമാക്കുന്നു...",
   "waiting_send_req": "(അഭ്യർത്ഥന അയയ്‌ക്കാൻ കാത്തിരിക്കുന്നു)",
@@ -190,9 +190,9 @@
   "import_json": "JSON-ൽ നിന്ന് ഇറക്കുമതി ചെയ്യുക",
   "download_file": "ഫയൽ ഡൗൺലോഡുചെയ്യുക",
   "upload_file": "ഫയൽ അപ്‌ലോഡുചെയ്യുക",
-  "copy_response": "പ്രതികരണം പകർത്തുക",
+  "copy": "പ്രതികരണം പകർത്തുക",
-  "copy_code": "കോഡ് പകർത്തുക",
+  "copy": "കോഡ് പകർത്തുക",
-  "copy_schema": "സ്കീമ പകർത്തുക",
+  "copy": "സ്കീമ പകർത്തുക",
   "use_request": "അഭ്യർത്ഥന ഉപയോഗിക്കുക",
   "documentation": "പ്രമാണീകരണം",
   "docs": "ഡോക്സ്",

lang/nb-NO.json

@@ -162,8 +162,8 @@
   "browser_support_sse": "Denne nettleseren ser ikke ut til å ha støtte for Server Sent Events.",
   "log": "Logg",
   "no_url": "Ingen URL",
-  "run_query": "Kjør spørring",
+  "run": "Kjør spørring",
-  "copy_query": "Kopier forespørsel",
+  "copy": "Kopier forespørsel",
   "loading": "Laster...",
   "fetching": "Henter...",
   "waiting_send_req": "(venter på å sende forespørsel)",
@@ -190,9 +190,9 @@
   "import_json": "Importer fra JSON",
   "download_file": "Last ned fil",
   "upload_file": "Last opp fil",
-  "copy_response": "Kopier svar",
+  "copy": "Kopier svar",
-  "copy_code": "Kopier kode",
+  "copy": "Kopier kode",
-  "copy_schema": "Kopier skjema",
+  "copy": "Kopier skjema",
   "use_request": "Bruk forespørsel",
   "documentation": "Dokumentasjon",
   "docs": "Docs",

lang/nl-BE.json

@@ -162,8 +162,8 @@
   "browser_support_sse": "Deze browser ondersteunt geen Server Sent Events.",
   "log": "Log",
   "no_url": "Geen URL",
-  "run_query": "Query uitvoeren",
+  "run": "Query uitvoeren",
-  "copy_query": "Query kopiëren",
+  "copy": "Query kopiëren",
   "loading": "Laden...",
   "fetching": "Ophalen...",
   "waiting_send_req": "(wachten op request)",
@@ -190,9 +190,9 @@
   "import_json": "Importeren uit JSON",
   "download_file": "Bestand downloaden",
   "upload_file": "Bestand opladen",
-  "copy_response": "Respons kopiëren",
+  "copy": "Respons kopiëren",
-  "copy_code": "Code kopiëren",
+  "copy": "Code kopiëren",
-  "copy_schema": "Schema kopiëren",
+  "copy": "Schema kopiëren",
   "use_request": "Request gebruiken",
   "documentation": "Documentatie",
   "docs": "Documentatie",

lang/pt-BR.json

@@ -173,8 +173,8 @@
   "browser_support_sse": "Este navegador parece não ter suporte para Server Sent Events",
   "log": "Log",
   "no_url": "Sem URL",
-  "run_query": "Rodar Query",
+  "run": "Rodar Query",
-  "copy_query": "Copiar Query",
+  "copy": "Copiar Query",
   "loading": "Carregando...",
   "fetching": "Buscando...",
   "waiting_send_req": "(aguardando para enviar request)",
@@ -201,9 +201,9 @@
   "import_json": "Importar de JSON",
   "download_file": "Baixar arquivo",
   "upload_file": "Enviar arquivo",
-  "copy_response": "Copiar resposta",
+  "copy": "Copiar resposta",
-  "copy_code": "Copiar código",
+  "copy": "Copiar código",
-  "copy_schema": "Copiar Esquema",
+  "copy": "Copiar Esquema",
   "use_request": "Usar request",
   "documentation": "Documentação",
   "docs": "Docs",

lang/pt-PT.json

@@ -164,8 +164,8 @@
   "browser_support_sse": "Parece que este browser não suporta Server Sent Events.",
   "log": "Registo",
   "no_url": "Sem URL",
-  "run_query": "Correr Query",
+  "run": "Correr Query",
-  "copy_query": "Copiar Query",
+  "copy": "Copiar Query",
   "loading": "A carregar...",
   "fetching": "A obter...",
   "waiting_send_req": "(a aguardar o envio do request)",
@@ -189,9 +189,9 @@
   "import_json": "Importar de JSON",
   "download_file": "Transferir ficheiro",
   "upload_file": "Enviar ficheiro",
-  "copy_response": "Copiar resposta",
+  "copy": "Copiar resposta",
-  "copy_code": "Copiar código",
+  "copy": "Copiar código",
-  "copy_schema": "Copiar Schema",
+  "copy": "Copiar Schema",
   "use_request": "Usar request",
   "documentation": "Documentação",
   "docs": "Docs",

lang/tr-TR.json

@@ -162,8 +162,8 @@
   "browser_support_sse": "Bu tarayıcıda Server-Sent Events desteği yok gibi görünüyor.",
   "log": "Log",
   "no_url": "URL Yok",
-  "run_query": "Sorgu Çalıştı",
+  "run": "Sorgu Çalıştı",
-  "copy_query": "Sorgu Kopyala",
+  "copy": "Sorgu Kopyala",
   "loading": "Yükleniyor...",
   "fetching": "Getiriliyor...",
   "waiting_send_req": "(istek göndermeyi bekliyor)",
@@ -190,9 +190,9 @@
   "import_json": "JSON'dan içeri Aktar",
   "download_file": "Dosya İndir",
   "upload_file": "Dosya Yükle",
-  "copy_response": "Yanıtı Kopyala",
+  "copy": "Yanıtı Kopyala",
-  "copy_code": "Kodu Kopyala",
+  "copy": "Kodu Kopyala",
-  "copy_schema": "Schema'yı Kopyala",
+  "copy": "Schema'yı Kopyala",
   "use_request": "İsteği Kullan",
   "documentation": "Dökümantasyon",
   "docs": "Dökümanlar",

lang/vi-VN.json

@@ -162,8 +162,8 @@
   "browser_support_sse": "Trình duyệt này dường như không hỗ trợ Sever Sent Events.",
   "log": "Nhật ký",
   "no_url": "Không có URL",
-  "run_query": "Thực thi Query",
+  "run": "Thực thi Query",
-  "copy_query": "Sao chép Query",
+  "copy": "Sao chép Query",
   "loading": "Đang tải...",
   "fetching": "Đang nạp...",
   "waiting_send_req": "(đang đợi để gửi yêu cầu)",
@@ -190,9 +190,9 @@
   "import_json": "Nhập từ JSON",
   "download_file": "Tải xuống file",
   "upload_file": "Tải lên file",
-  "copy_response": "Sao chép phản hồi",
+  "copy": "Sao chép phản hồi",
-  "copy_code": "Sao chép mã",
+  "copy": "Sao chép mã",
-  "copy_schema": "Sao chép Schema",
+  "copy": "Sao chép Schema",
   "use_request": "Sử dụng request",
   "documentation": "Tài liệu tham khảo",
   "docs": "Tài liệu",

lang/zh-CN.json

@@ -167,8 +167,8 @@
   "browser_support_sse": "此浏览器不支持 Server-Sent Events",
   "log": "日志",
   "no_url": "无 URL",
-  "run_query": "运行查询",
+  "run": "运行查询",
-  "copy_query": "复制查询语句",
+  "copy": "复制查询语句",
   "loading": "加载中...",
   "fetching": "请求中...",
   "waiting_send_req": "(正在等待发送请求)",
@@ -195,9 +195,9 @@
   "import_json": "从 JSON 文件导入",
   "download_file": "下载为文件",
   "upload_file": "上传文件",
-  "copy_response": "复制响应内容",
+  "copy": "复制响应内容",
-  "copy_code": "复制代码",
+  "copy": "复制代码",
-  "copy_schema": "Copy Schema",
+  "copy": "Copy Schema",
   "use_request": "复用该请求",
   "documentation": "文档",
   "docs": "文档",

lang/zh-TW.json

@@ -162,8 +162,8 @@
   "browser_support_sse": "This browser doesn't seems to have Server Sent Events support.",
   "log": "紀錄",
   "no_url": "No URL",
-  "run_query": "Run Query",
+  "run": "Run Query",
-  "copy_query": "Copy Query",
+  "copy": "Copy Query",
   "loading": "載入中...",
   "fetching": "正在取得...",
   "waiting_send_req": "(正等待傳送請求)",
@@ -187,9 +187,9 @@
   "import_json": "從 JSON 匯入",
   "download_file": "下載檔案",
   "upload_file": "上傳檔案",
-  "copy_response": "複製回應",
+  "copy": "複製回應",
-  "copy_code": "複製語法",
+  "copy": "複製語法",
-  "copy_schema": "Copy Schema",
+  "copy": "Copy Schema",
   "use_request": "Use request",
   "documentation": "文件",
   "docs": "文件",

layouts/default.vue

@@ -87,7 +87,7 @@ export default defineComponent({
 
     const workbox = await window.$workbox
     if (workbox) {
-      workbox.addEventListener("installed", (event) => {
+      workbox.addEventListener("installed", (event: any) => {
         if (event.isUpdate) {
           this.$toast.show(this.$t("new_version_found").toString(), {
             icon: "info",
@@ -112,8 +112,5 @@ export default defineComponent({
 
     logPageView(this.$router.currentRoute.fullPath)
   },
-  beforeDestroy() {
-    document.removeEventListener("keydown", this._keyListener)
-  },
 })
 </script>

pages/graphql.vue

@@ -59,14 +59,16 @@
                     </label>
                     <div>
                       <ButtonSecondary
-                        :label="$t('run_query')"
+                        :label="$t('run')"
                         :shortcut="[getSpecialKey(), 'Enter']"
                         icon="play_arrow"
+                        class="text-xs !text-accent"
+                        outline
                         @click.native="runQuery()"
                       />
                       <ButtonSecondary
                         v-tippy="{ theme: 'tooltip' }"
-                        :title="$t('copy_query')"
+                        :title="$t('copy')"
                         :icon="copyQueryIcon"
                         @click.native="copyQuery"
                       />
@@ -125,7 +127,7 @@
                     <div>
                       <ButtonSecondary
                         v-tippy="{ theme: 'tooltip' }"
-                        :title="$t('copy_variables')"
+                        :title="$t('copy')"
                         :icon="copyVariablesIcon"
                         @click.native="copyVariables"
                       />
@@ -303,7 +305,7 @@
                   <ButtonSecondary
                     ref="copyResponseButton"
                     v-tippy="{ theme: 'tooltip' }"
-                    :title="$t('copy_response')"
+                    :title="$t('copy')"
                     :icon="copyResponseIcon"
                     @click.native="copyResponse"
                   />
@@ -509,7 +511,7 @@
                     <ButtonSecondary
                       ref="copySchemaCode"
                       v-tippy="{ theme: 'tooltip' }"
-                      :title="$t('copy_schema')"
+                      :title="$t('copy')"
                       :icon="copySchemaIcon"
                       @click.native="copySchema"
                     />

pages/settings.vue

@@ -286,8 +286,8 @@
                     rounded-l
                     text-xs
                     ml-2
-                    py-1
+                    py-2
-                    px-2
+                    px-4
                   "
                 >
                   {{ `${$t("proxy")} ${$t("url")}` }}
@@ -296,6 +296,7 @@
                   id="url"
                   v-model="PROXY_URL"
                   class="
+                    bg-primaryLight
                     border border-divider
                     rounded-r
                     font-semibold font-mono
@@ -303,9 +304,10 @@
                     text-xs
                     mr-2
                     w-full
-                    py-1
+                    py-2
-                    px-2
+                    px-4
                     block
+                    focus:outline-none focus:border-accent
                   "
                   type="url"
                   :disabled="!PROXY_ENABLED"