@zhu-hong/code-block v2.0.0

VUE2/3 CodeBlock Component

install

pnpm install @zhu-hong/code-block

example

https://code-block-sandy.vercel.app

usage

<script>
import CodeBlock from '@zhu-hong/code-block'
import cfg from '../../vite.config?raw'

export default {
  components: {
    CodeBlock,
  },
  data() {
    return {
      code: cfg,
    }
  },
}
</script>

<template>
  <main class="w-screen h-screen flex justify-center items-center bg-gray-900 text-white">
    <CodeBlock language="js" :code="code" :darkMode="true" class="min-w-1/2" />
  </main>
</template>