mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-12 12:25:16 +08:00
32 lines
832 B
Markdown
32 lines
832 B
Markdown
# Log
|
|
<!--single-column-->
|
|
<n-alert title="Note" type="warning">
|
|
Due to package size, Naive UI doesn't include highlight.js. If you want highlight logs, make sure you have set highlightjs before using it.
|
|
</n-alert>
|
|
|
|
In hightlight demo, we defined a language called `naive-log` which will highlight all the numbers of line. The following code shows how we defined it. If you want to know more about hightlight.js, see <n-a href="https://highlightjs.org/">hightlight.js</n-a> and <n-a href="https://highlightjs.readthedocs.io/en/latest/index.html">highlight.js developer documentation</n-a>
|
|
```js
|
|
...
|
|
hljs.registerLanguage('naive-log', () => ({
|
|
contains: [
|
|
{
|
|
className: 'number',
|
|
begin: /\d+/
|
|
}
|
|
]
|
|
}))
|
|
|
|
Vue.use(NaiveUI)
|
|
NaiveUI.setHljs(hljs)
|
|
...
|
|
```
|
|
|
|
|
|
## Demos
|
|
```demo
|
|
size
|
|
event
|
|
scroll
|
|
highlight
|
|
loading
|
|
``` |