Skip to content

介绍


本文档主要用于描述 ShadcnLogger 组件的使用方法和特性。

用法

查看代码
vue
<template>
    <ShadcnLogger :items="items" :dark="darkMode" />
</template>

高亮 (highlight)

查看代码
vue
<template>
    <ShadcnLogger :items="items" :highlight-config="{ INFO: 'green', WARN: 'yellow', ERROR: 'red', DEBUG: 'blue', TRACE: 'cyan', FATAL: 'red' }" :dark="darkMode" />
</template>

高度 (height)

查看代码
vue
<template>
    <ShadcnLogger :items="items" :height="200" :dark="darkMode" />
</template>

工具栏 (toolbar)

查看代码
vue
<template>
    <ShadcnLogger :items="items" toolbar :dark="darkMode" />
</template>

忽略大小写 (case-sensitive)

查看代码
vue
<template>
    <ShadcnLogger :items="items" toolbar case-sensitive :dark="darkMode" />
</template>

日志 (Logger) 属性

日志 (Logger) 插槽