<script setup lang='ts'>
import { ref, type ComponentObjectPropsOptions } from 'vue'

interface Props {
  resourceResponse: {}
  err: string
}

const props = defineProps<Props>()

</script>

<template>
  <div class="resources">
    <div v-if="Object.entries(resourceResponse).length > 0" class="resource">
      <div v-for="(value, key) in resourceResponse">
        <div class="key" :innerText="key"></div>
        <div class="value" :innerText="value"></div>
      </div>
    </div>
  </div>
  <div v-if="err" class="msg resource error" :innerText="err"></div>
</template>
