Initial lens implementation

components/lenses/renderers/ImageLensRenderer.vue

@@ -0,0 +1,56 @@
+<template>
+  <ul>
+    <li>
+      <img :src="imageSource" />
+    </li>
+  </ul>
+</template>
+<script>
+export default {
+  props: {
+    response: {},
+  },
+  data() {
+    return {
+      imageSource: "",
+    }
+  },
+  watch: {
+    response: {
+      immediate: true,
+      handler(newValue) {
+        console.log("wetch")
+        this.imageSource = ""
+
+        const buf = this.response.body
+        const bytes = new Uint8Array(buf)
+        const blob = new Blob([bytes.buffer])
+
+        const reader = new FileReader()
+        reader.onload = (e) => {
+          console.log(e.target.result)
+          this.imageSource = e.target.result
+        }
+        reader.readAsDataURL(blob)
+      },
+    },
+  },
+
+  mounted() {
+    console.log("mount")
+    this.imageSource = ""
+
+    console.log(this.response)
+    const buf = this.response.body
+    const bytes = new Uint8Array(buf)
+    const blob = new Blob([bytes.buffer])
+
+    const reader = new FileReader()
+    reader.onload = (e) => {
+      console.log(e.target.result)
+      this.imageSource = e.target.result
+    }
+    reader.readAsDataURL(blob)
+  },
+}
+</script>