Juejin Vue Components

A collection of Vue 3 components for Juejin.

Installation

npm install juejin-vue-components

Usage

Global Registration

import { createApp } from 'vue'
import JuejinComponents from 'juejin-vue-components'
import 'juejin-vue-components/dist/style.css'

const app = createApp(App)
app.use(JuejinComponents)
app.mount('#app')

Individual Components (Tree-shaking)

// Import individual components
import { AiText, JFillImage } from 'juejin-vue-components'
import 'juejin-vue-components/dist/style.css'

// Register components
app.component('AiText', AiText)
app.component('JFillImage', JFillImage)

Components

AiText

A component for rendering AI-generated text with markdown support.

<template>
  <AiText :popsMessage="message" />
</template>

<script setup>
const message = {
  isLoading: false,
  content: '# Hello World',
  sender: 'assistant'
}
</script>

JFillImage

A component for displaying images with various modes.

<template>
  <JFillImage src="image-url" mode="widthFix" />
</template>

License

MIT