40 lines
927 B
Vue
40 lines
927 B
Vue
<template>
|
|
<div>
|
|
<tabs>
|
|
<tab
|
|
v-for="lens in validLenses"
|
|
:id="lens.lensName"
|
|
:key="lens.lensName"
|
|
:label="lens.lensName"
|
|
:selected="lens.lensName === 'Raw'"
|
|
>
|
|
<component :is="lens.renderer" :response="response" />
|
|
</tab>
|
|
</tabs>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import getSuitableLenses from "~/helpers/lenses/lenses"
|
|
|
|
export default {
|
|
components: {
|
|
tabs: () => import("../ui/tabs"),
|
|
tab: () => import("../ui/tab"),
|
|
// Lens Renderers
|
|
raw: () => import("../lenses/renderers/RawLensRenderer"),
|
|
json: () => import("../lenses/renderers/JSONLensRenderer"),
|
|
imageres: () => import("../lenses/renderers/ImageLensRenderer"),
|
|
htmlres: () => import("../lenses/renderers/HTMLLensRenderer"),
|
|
},
|
|
props: {
|
|
response: {},
|
|
},
|
|
computed: {
|
|
validLenses() {
|
|
return getSuitableLenses(this.response)
|
|
},
|
|
},
|
|
}
|
|
</script>
|