Auto import components

components/lenses/renderers/HTMLLensRenderer.vue

@@ -50,7 +50,7 @@
         </div>
       </div>
       <div id="response-details-wrapper">
-        <Editor
+        <ace-editor
           :value="responseBodyText"
           :lang="'html'"
           :options="{
@@ -74,13 +74,9 @@
   </ul>
 </template>
 <script>
-import AceEditor from "../../ui/ace-editor"
 import TextContentRendererMixin from "./mixins/TextContentRendererMixin"
 
 export default {
-  components: {
-    Editor: AceEditor,
-  },
   mixins: [TextContentRendererMixin],
   props: {
     response: {},

components/lenses/renderers/JSONLensRenderer.vue

@@ -41,7 +41,7 @@
         <p class="info"><i class="material-icons">error_outline</i> Invalid JSON</p>
       </div>
       <div id="response-details-wrapper">
-        <Editor
+        <ace-editor
           :value="jsonBodyText"
           :lang="'json'"
           :options="{
@@ -60,14 +60,10 @@
 </template>
 
 <script>
-import AceEditor from "../../ui/ace-editor"
 import { isJSONContentType } from "~/helpers/utils/contenttypes"
 import TextContentRendererMixin from "./mixins/TextContentRendererMixin"
 
 export default {
-  components: {
-    Editor: AceEditor,
-  },
   mixins: [TextContentRendererMixin],
   props: {
     response: {},

components/lenses/renderers/RawLensRenderer.vue

@@ -38,7 +38,7 @@
         </div>
       </div>
       <div id="response-details-wrapper">
-        <Editor
+        <ace-editor
           :value="responseBodyText"
           :lang="'plain_text'"
           :options="{
@@ -56,14 +56,10 @@
   </ul>
 </template>
 <script>
-import AceEditor from "../../ui/ace-editor"
 import { isJSONContentType } from "~/helpers/utils/contenttypes"
 import TextContentRendererMixin from "./mixins/TextContentRendererMixin"
 
 export default {
-  components: {
-    Editor: AceEditor,
-  },
   mixins: [TextContentRendererMixin],
   props: {
     response: {},

components/lenses/renderers/XMLLensRenderer.vue

@@ -38,7 +38,7 @@
         </div>
       </div>
       <div id="response-details-wrapper">
-        <Editor
+        <ace-editor
           :value="responseBodyText"
           :lang="'xml'"
           :options="{
@@ -56,13 +56,9 @@
   </ul>
 </template>
 <script>
-import AceEditor from "../../ui/ace-editor"
 import TextContentRendererMixin from "./mixins/TextContentRendererMixin"
 
 export default {
-  components: {
-    Editor: AceEditor,
-  },
   mixins: [TextContentRendererMixin],
   props: {
     response: {},

components/lenses/response-body-renderer.vue

@@ -26,9 +26,6 @@ import { getSuitableLenses, getLensRenderers } from "~/helpers/lenses/lenses"
 
 export default {
   components: {
-    tabs: () => import("../ui/tabs"),
-    tab: () => import("../ui/tab"),
-    headers: () => import("./headers"),
     // Lens Renderers
     ...getLensRenderers(),
   },