refactor: monorepo+pnpm (removed husky)

packages/hoppscotch-app/components/lenses/ResponseBodyRenderer.vue

@@ -0,0 +1,51 @@
+<template>
+  <SmartTabs styles="sticky z-10 bg-primary top-lowerPrimaryStickyFold">
+    <SmartTab
+      v-for="(lens, index) in validLenses"
+      :id="lens.renderer"
+      :key="`lens-${index}`"
+      :label="$t(lens.lensName)"
+      :selected="index === 0"
+    >
+      <component :is="lens.renderer" :response="response" />
+    </SmartTab>
+    <SmartTab
+      v-if="headerLength"
+      id="headers"
+      :label="$t('response.headers')"
+      :info="headerLength.toString()"
+    >
+      <LensesHeadersRenderer :headers="response.headers" />
+    </SmartTab>
+    <SmartTab id="results" :label="$t('test.results')">
+      <HttpTestResult />
+    </SmartTab>
+  </SmartTabs>
+</template>
+
+<script>
+import { defineComponent } from "@nuxtjs/composition-api"
+import { getSuitableLenses, getLensRenderers } from "~/helpers/lenses/lenses"
+
+export default defineComponent({
+  components: {
+    // Lens Renderers
+    ...getLensRenderers(),
+  },
+  props: {
+    response: { type: Object, default: () => {} },
+  },
+  computed: {
+    headerLength() {
+      if (!this.response || !this.response.headers) return 0
+
+      return Object.keys(this.response.headers).length
+    },
+    validLenses() {
+      if (!this.response) return []
+
+      return getSuitableLenses(this.response)
+    },
+  },
+})
+</script>