⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.1
Server IP:
185.238.29.86
Server:
Linux server2 6.8.12-6-pve #1 SMP PREEMPT_DYNAMIC PMX 6.8.12-6 (2024-12-19T19:05Z) x86_64
Server Software:
nginx/1.18.0
PHP Version:
8.1.31
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
var
/
www
/
invoice
/
node_modules
/
v-tooltip
/
docs-src
/
Edit File: CodeSnippet.vue
<template> <div class="code-snippet"> <div class="language">{{ lang }}</div> <div class="line-numbers"> <div class="line-number" v-for="n in lineCount">{{ n }}</div> </div> <div class="render" v-html="result"></div> </div> </template> <script> import hljs from 'highlight.js' export default { name: 'code-snippet', props: { code: String, lang: String, }, computed: { result () { const highlighted = hljs.highlight(this.lang, this.code.trim()) return highlighted.value }, lineCount () { const str = this.result let length = 0 for (var i = 0; i < str.length; ++i) { if (str[i] === '\n') { length++ } } return length + 1 }, }, } </script> <style lang="scss"> .code-snippet { @include h-box; background: white; border-radius: 3px; font-family: 'Roboto Mono', monospace; font-size: 10pt; overflow: auto; border-bottom: solid 2px $md-grey-300; border-right: solid 1px $md-grey-100; position: relative; .line-numbers, .render { padding: 32px 24px; } .line-numbers { background: $md-grey-200; color: $md-grey-400; border-radius: 2px 0 0 2px; } .render { white-space: pre; } .language { position: absolute; top: 0; right: 0; background: $md-grey-200; color: $md-grey-400; padding: 4px 4px 6px 6px; border-radius: 0 0 0 2px; } } </style>
Simpan