feat: textare autoresize

components/graphql/RequestOptions.vue

@@ -174,7 +174,7 @@
             </div>
           </div>
           <div v-if="bulkMode" class="flex">
-            <textarea
+            <textarea-autosize
               v-model="bulkHeaders"
               v-focus
               name="bulk-parameters"
@@ -190,7 +190,7 @@
               "
               rows="10"
               :placeholder="$t('state.bulk_mode_placeholder')"
-            ></textarea>
+            />
           </div>
           <div v-else>
             <div

components/http/Headers.vue

@@ -48,7 +48,7 @@
       </div>
     </div>
     <div v-if="bulkMode" class="flex">
-      <textarea
+      <textarea-autosize
         v-model="bulkHeaders"
         v-focus
         name="bulk-headers"
@@ -64,7 +64,7 @@
         "
         rows="10"
         :placeholder="$t('state.bulk_mode_placeholder')"
-      ></textarea>
+      />
     </div>
     <div v-else>
       <div

components/http/ImportCurl.vue

@@ -2,14 +2,14 @@
   <SmartModal v-if="show" :title="$t('import.curl')" @close="hideModal">
     <template #body>
       <div class="flex flex-col px-2">
-        <textarea
+        <textarea-autosize
           id="import-curl"
           v-model="curl"
           class="textarea floating-input"
           autofocus
           rows="8"
           placeholder=" "
-        ></textarea>
+        />
         <label for="import-curl">
           {{ $t("request.enter_curl") }}
         </label>

components/http/Parameters.vue

@@ -48,7 +48,7 @@
       </div>
     </div>
     <div v-if="bulkMode" class="flex">
-      <textarea
+      <textarea-autosize
         v-model="bulkParams"
         v-focus
         name="bulk-parameters"
@@ -64,7 +64,7 @@
         "
         rows="10"
         :placeholder="$t('state.bulk_mode_placeholder')"
-      ></textarea>
+      />
     </div>
     <div v-else>
       <div