feat: migrate pre-request script, test script, settings to nuxt composition

components/http/PreRequestScript.vue

@@ -0,0 +1,53 @@
+<template>
+  <AppSection label="preRequest">
+    <div
+      class="
+        bg-primary
+        border-b border-dividerLight
+        flex flex-1
+        pl-4
+        top-110px
+        z-10
+        sticky
+        items-center
+        justify-between
+      "
+    >
+      <label class="font-semibold text-xs">
+        {{ $t("javascript_code") }}
+      </label>
+      <ButtonSecondary
+        v-tippy="{ theme: 'tooltip' }"
+        to="https://github.com/hoppscotch/hoppscotch/wiki/Pre-Request-Scripts"
+        blank
+        :title="$t('wiki')"
+        icon="help_outline"
+      />
+    </div>
+    <SmartJsEditor
+      v-model="preRequestScript"
+      :options="{
+        maxLines: '16',
+        minLines: '8',
+        fontSize: '14px',
+        autoScrollEditorIntoView: true,
+        showPrintMargin: false,
+        useWorker: false,
+      }"
+      complete-mode="pre"
+    />
+  </AppSection>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "@nuxtjs/composition-api"
+import { usePreRequestScript } from "~/newstore/RESTSession"
+
+export default defineComponent({
+  setup() {
+    return {
+      preRequestScript: usePreRequestScript(),
+    }
+  },
+})
+</script>