Initial lens implementation

components/lenses/renderers/HTMLLensRenderer.vue

@@ -0,0 +1,36 @@
+<template>
+  <ul>
+    <li>
+      <Editor
+        :value="responseBodyText"
+        :lang="'html'"
+        :options="{
+          maxLines: 16,
+          minLines: '16',
+          fontSize: '16px',
+          autoScrollEditorIntoView: true,
+          readOnly: true,
+          showPrintMargin: false,
+          useWorker: false,
+        }"
+      />
+    </li>
+  </ul>
+</template>
+<script>
+import AceEditor from "../../ui/ace-editor"
+
+export default {
+  components: {
+    Editor: AceEditor,
+  },
+  props: {
+    response: {},
+  },
+  computed: {
+    responseBodyText() {
+      return new TextDecoder("utf-8").decode(this.response.body)
+    },
+  },
+}
+</script>