Gathering detailed insights and metrics for vue-highlight-component
Gathering detailed insights and metrics for vue-highlight-component
Gathering detailed insights and metrics for vue-highlight-component
Gathering detailed insights and metrics for vue-highlight-component
vue-highlight-words
Vue component to highlight words within a larger body of text
vue-highlight.js
Highlight.js syntax highlighter component for Vue.
@wdns/vue-code-block
Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js.
vue-code-highlight
> Beautiful code syntax highlighting as Vue.js component.
npm install vue-highlight-component
Typescript
Module System
Node Version
NPM Version
67.1
Supply Chain
82.3
Quality
74.6
Maintenance
50
Vulnerability
100
License
JavaScript (100%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
36 Stars
9 Commits
3 Forks
4 Watchers
2 Branches
1 Contributors
Updated on Jun 18, 2025
Latest Version
1.0.0
Package Id
vue-highlight-component@1.0.0
Size
2.36 kB
NPM Version
5.1.0
Node Version
7.6.0
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
1
3
1yarn add highlight.js vue-highlight-component
1<template> 2 <highlight language="swift">{{ code }}</highlight> 3</template> 4 5<script> 6import hljs from 'highlight.js' 7import Highlight from 'vue-Highlight-component' 8 9// Register the language if it's not supported by default 10hljs.registerLanguage('swift', require('highlight.js/lib/languages/swift')) 11 12export default { 13 data() { 14 return { 15 code: `your swift code...` 16 } 17 }, 18 components: { 19 Highlight 20 } 21} 22</script>
You can also use a prop code
to set the code you wanna highlight:
1<template> 2 <highlight :code="code"></highlight> 3</template>
Prop language
is optional since highlight.js could automatically infer the language if it's not set.
git checkout -b my-new-feature
git commit -am 'Add some feature'
git push origin my-new-feature
vue-highlight-component © egoist, Released under the MIT License.
Authored and maintained by egoist with help from contributors (list).
egoistian.com · GitHub @egoist · Twitter @rem_rin_rin
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
no SAST tool detected
Details
Reason
Found 0/9 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
security policy file not detected
Details
Reason
60 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More