ProfileInfo

트랜잭션에 포함된 프로파일 종류에 대한 표시를 하는 컴포넌트입니다.

Sample Code

<template>
    <profile-info>
        <template v-slot:tools>
            <btn
                type="text"
                size="small"
                :trailing-icon="ICON_TYPE.share"
            ></btn>
        </template>
    </profile-info>
</template>

<script setup lang="ts">
import { provide } from 'vue';
import { ProfileInfo } from '@jennifersoft/apm-components';
import { Btn, ICON_TYPE } from '@jennifersoft/vue-components-v2';
import '@jennifersoft/vue-components-v2/style.css';

provide<I18n>('i18n', {
    method: 'Method',
    sql: 'SQL',
    externalCall: 'External Call',
    batch: 'Batch Job',
    error: 'ERROR',
    fetch: 'Fetch',
});
</script>

Demo

Method

SQL

External Call

Batch Job

ERROR