<script setup lang="ts">
import VueJsonPretty from 'vue-json-pretty'
import 'vue-json-pretty/lib/styles.css'

const props = defineProps<{
  data: any
}>()
</script>

<template>
  <div class="raw-json-viewer w-full">
    <VueJsonPretty
      class="bg-code py-4 pl-[50px]! pr-[20px]"
      :data="data"
      :deep="3"
      :show-length="true"
      :show-double-quotes="true"
      :show-line-number="true"
      :show-line="false"
      :show-icon="true"
      :collapsed-on-click-brackets="true"
    />
  </div>
</template>
