Merge pull request #6 from webdevnerdstuff/highlightjs

Highlightjs

Author: webdevnerdstuff

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

CODE_OF_CONDUCT.md renamed to .github/CODE_OF_CONDUCT.md

@@ -25,25 +25,25 @@ Update the CHANGELOG.md with the updates you made, please include the date and G
 When you're done making changes and you'd like to propose them for review, open your PR (pull request).
 
 ### Submit your PR & get it reviewed
-- Once you submit your PR, others from the Vue Unicorn Log community will review it with you.
+- Once you submit your PR, others from the Vue3 CodeBlock community will review it with you.
 - After that, we may have questions, check back on your PR to keep up with the conversation.
 
 ### Your PR is merged!
 Congratulations! The whole GitHub community thanks you. :sparkles:
 
 Once your PR is merged, you will be proudly listed as a contributor in the [contributor chart](https://github.com/webdevnerdstuff/vue3-code-block/graphs/contributors).
 
-### Keep contributing as you use Vue Unicorn Log
+### Keep contributing as you use Vue3 CodeBlock
 
-Now that you're a part of the Vue Unicorn Log community, you can keep participating in many ways.
+Now that you're a part of the Vue3 CodeBlock community, you can keep participating in many ways.
 
 ## Types of contributions
-You can contribute to the Vue Unicorn Log content and site in several ways. This repo is a place to discuss and collaborate on Vue Unicorn Log! Our small, but mighty team is maintaining this repo, to preserve our bandwidth, off topic conversations will be closed.
+You can contribute to the Vue3 CodeBlock content and site in several ways. This repo is a place to discuss and collaborate on Vue3 CodeBlock! Our small, but mighty team is maintaining this repo, to preserve our bandwidth, off topic conversations will be closed.
 
 ### :mega: Discussions
 Discussions are where we have conversations.
 
-If you'd like help troubleshooting a Vue Unicorn Log PR you're working on, have a great new idea, or want to share something amazing you've learned, join us in [discussions](https://github.com/webdevnerdstuff/vue3-code-block/discussions).
+If you'd like help troubleshooting a Vue3 CodeBlock PR you're working on, have a great new idea, or want to share something amazing you've learned, join us in [discussions](https://github.com/webdevnerdstuff/vue3-code-block/discussions).
 
 ### :beetle: Issues
 [Issues](https://docs.github.com/en/github/managing-your-work-on-github/about-issues) are used to track tasks that contributors can help with.
@@ -75,13 +75,13 @@ suggestions to improve the code or adding of additional features.
 ## Opening a pull request
 You can use the GitHub user interface for some small changes, like fixing a typo or updating a readme. You can also fork the repo and then clone it locally, to view changes and run your tests on your machine.
 
-## Working in the Vue Unicorn Log repository
-Here's some information that might be helpful while working on a Vue Unicorn Log PR:
+## Working in the Vue3 CodeBlock repository
+Here's some information that might be helpful while working on a Vue3 CodeBlock PR:
 
 <!-- - [Development](/contributing/development.md) - This short guide describes how to get this app running on your local machine. -->
 
 ## Reviewing
-We (usually the Vue Unicorn Log team) review every single PR. The purpose of reviews is to create the best content we can for people who use GitHub.
+We (usually the Vue3 CodeBlock team) review every single PR. The purpose of reviews is to create the best content we can for people who use GitHub.
 
 - Reviews are always respectful, acknowledging that everyone did the best possible job with the knowledge they had at the time.  
 - Reviews discuss content, not the person who created it.  

.github/CONTRIBUTING.md

@@ -39,7 +39,7 @@ body:
     id: terms
     attributes:
       label: Code of Conduct
-      description: By submitting this issue, you agree to follow our [Code of Conduct](https://github.com/webdevnerdstuff/vue3-code-block/blob/main/CODE_OF_CONDUCT.md)
+      description: By submitting this issue, you agree to follow our [Code of Conduct](https://github.com/webdevnerdstuff/vue3-code-block/blob/main/.github/CODE_OF_CONDUCT.md)
       options:
         - label: I agree to follow this project's Code of Conduct
           required: true

.github/ISSUE_TEMPLATE/BUG_REPORT.yaml

@@ -24,3 +24,5 @@ dist-ssr
 *.sw?
 
 .stylelintcache
+src/plugin/themes/highlight/scss/template.scss
+dist/themes/highlight/scss/template.scss

.gitignore

@@ -0,0 +1 @@
+19.0.1

.nvmrc

@@ -4,3 +4,11 @@ All notable changes to the "vue3-code-block" plugin will be documented in this f
 ## v1.0.0
 2023-03-16
 [main] Initial release (@webdevnerdstuff)
+
+## v1.0.15
+2023-04-02
+[main] Minor changes to fix issues after testing npm packaging. (@webdevnerdstuff)
+
+## v2.0.0
+TBD
+[main] Major release update. Added in support to use either PrismJS or HighlightJS. (@webdevnerdstuff)

CHANGELOG.md

@@ -19,7 +19,7 @@
 
 ## Description
 
-The Vue 3 CodeBlock component leverages the power of [PrismJS](https://prismjs.com/) to provide syntax highlighting for code blocks within your application. The component takes a prop, which is the code to be highlighted, and uses PrismJS to render the code with syntax highlighting. The component supports a variety of programming languages and can be customized with different themes to match your application's design. With this component, your users can display their code snippets with ease and clarity, making it easier to share and collaborate on code within your application.
+The Vue 3 CodeBlock component leverages the power of [PrismJS](https://prismjs.com/) or [PrismJS](https://highlightjs.org/)to provide syntax highlighting for code blocks within your application. The component takes a prop, which is the code to be highlighted, and uses PrismJS or Highlight.js to render the code with syntax highlighting. The component supports a variety of programming languages and can be customized with different themes to match your application's design. With this component, your users can display their code snippets with ease and clarity, making it easier to share and collaborate on code within your application.
 
 
 ## Installation
@@ -41,6 +41,7 @@ npm i vue3-code-block
 ## Dependencies
 
 [PrismJS](https://prismjs.com/)  
+[Highlight.js](https://highlightjs.org/)  
 [Vue 3](https://vuejs.org/)  
 [UAParser.js](https://www.npmjs.com/package/ua-parser-js)
 

README.md

@@ -0,0 +1 @@
+export {};

dist/playground/configs/playground.d.ts

@@ -53,6 +53,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    highlightjs: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     indent: {
         type: NumberConstructor;
         required: false;
@@ -73,6 +78,16 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    prismjs: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    prismPlugin: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     persistentCopyButton: {
         type: BooleanConstructor;
         required: false;
@@ -160,6 +175,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    highlightjs: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     indent: {
         type: NumberConstructor;
         required: false;
@@ -180,6 +200,16 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    prismjs: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    prismPlugin: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     persistentCopyButton: {
         type: BooleanConstructor;
         required: false;
@@ -224,10 +254,13 @@ declare const _default: import("vue").DefineComponent<{
     copySuccessText: string;
     floatingTabs: boolean;
     height: string | number;
+    highlightjs: boolean;
     indent: number;
     label: string;
     lang: string;
     maxHeight: string | number;
+    prismjs: boolean;
+    prismPlugin: boolean;
     persistentCopyButton: boolean;
     runTab: boolean;
     runText: string;