LogEvent.vue 824 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <div>
  3. <DefinitionList title="Log">
  4. <DefinitionListRow label="Message"
  5. ><code class="code-block"
  6. ><pre>{{ event.label }}</pre></code
  7. ></DefinitionListRow
  8. >
  9. <DefinitionListRow label="Level">
  10. {{ event.metadata.level }}
  11. </DefinitionListRow>
  12. <DefinitionListRow v-for="(value, key) in event.context" :key="key" :label="key">
  13. {{ value }}
  14. </DefinitionListRow>
  15. </DefinitionList>
  16. </div>
  17. </template>
  18. <script>
  19. import DefinitionList from '../../Shared/DefinitionList';
  20. import DefinitionListRow from '../../Shared/DefinitionListRow.js';
  21. export default {
  22. components: { DefinitionListRow, DefinitionList },
  23. props: ['event'],
  24. };
  25. </script>