diff --git a/README.md b/README.md index 55bb181..be2ba55 100644 --- a/README.md +++ b/README.md @@ -7,8 +7,8 @@

- - NPM Package + + NPM Package   @@ -16,40 +16,15 @@

+## Important Information -## Description - -The Vue 3 CodeBlock component leverages the power of [PrismJS](https://prismjs.com/) or [Highlight.js](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 - -Using [pnpm](https://pnpm.io/): -``` -pnpm add vue3-code-block -``` - -Using npm: -``` -npm i vue3-code-block -``` - -## Documentation - -[Documentation & Demo](https://webdevnerdstuff.github.io/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) - - -## Change Log - -[CHANGELOG](https://github.com/webdevnerdstuff/vue3-code-block/blob/main/CHANGELOG.md) +This repository and npm package has been depreciated. +You can find the new repository here: +[https://github.com/webdevnerdstuff/vue-code-block](https://github.com/webdevnerdstuff/vue-code-block) + +You can find the new NPM package here: +[https://www.npmjs.com/package/@wdns/vue-code-block](https://www.npmjs.com/package/@wdns/vue-code-block) ## License diff --git a/dist/vue3-code-block.cjs.js b/dist/vue3-code-block.cjs.js index 9306929..5138dac 100644 --- a/dist/vue3-code-block.cjs.js +++ b/dist/vue3-code-block.cjs.js @@ -1,5 +1,5 @@ "use strict";var sn=Object.create;var I=Object.defineProperty;var rn=Object.getOwnPropertyDescriptor;var tn=Object.getOwnPropertyNames;var un=Object.getPrototypeOf,gn=Object.prototype.hasOwnProperty;var hn=(l,r,a,j)=>{if(r&&typeof r=="object"||typeof r=="function")for(let c of tn(r))!gn.call(l,c)&&c!==a&&I(l,c,{get:()=>r[c],enumerable:!(j=rn(r,c))||j.enumerable});return l};var G=(l,r,a)=>(a=l!=null?sn(un(l)):{},hn(r||!l||!l.__esModule?I(a,"default",{value:l,enumerable:!0}):a,l));/** - * @name @wdns/vue3-code-block + * @name vue3-code-block * @version 2.2.13 * @description Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js. * @author WebDevNerdStuff & Bunnies... lots and lots of bunnies! (https://webdevnerdstuff.com) diff --git a/dist/vue3-code-block.es.js b/dist/vue3-code-block.es.js index fdcb2f3..2231445 100644 --- a/dist/vue3-code-block.es.js +++ b/dist/vue3-code-block.es.js @@ -1,7 +1,7 @@ import { unref as a, defineComponent as tn, openBlock as u, createElementBlock as i, mergeProps as H, createCommentVNode as w, createElementVNode as v, mergeDefaults as kn, useSlots as fn, ref as c, toRefs as _n, computed as y, watch as en, onBeforeMount as wn, onMounted as xn, normalizeClass as d, normalizeStyle as S, renderSlot as F, Fragment as I, createTextVNode as M, toDisplayString as N, createBlock as an } from "vue"; import Tn from "ua-parser-js"; /** - * @name @wdns/vue3-code-block + * @name vue3-code-block * @version 2.2.13 * @description Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js. * @author WebDevNerdStuff & Bunnies... lots and lots of bunnies! (https://webdevnerdstuff.com) diff --git a/package.json b/package.json index 504a6e8..6467b9e 100644 --- a/package.json +++ b/package.json @@ -1,11 +1,8 @@ { - "name": "@wdns/vue3-code-block", + "name": "vue3-code-block", "version": "2.2.14", "description": "Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js.", "private": false, - "publishConfig": { - "access": "public" - }, "main": "dist/vue3-code-block.cjs.js", "module": "dist/vue3-code-block.es.js", "types": "dist/types/index.d.ts", diff --git a/src/App.vue b/src/App.vue index 00475ff..58326ef 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,11 +1,11 @@ -provide('codeBlockOptions', codeBlockOptions); -function updateLibrary(library) { - selectedLibrary.value = library.value; + diff --git a/src/components/DemoPage.vue b/src/components/DemoPage.vue index 8962487..8606545 100644 --- a/src/components/DemoPage.vue +++ b/src/components/DemoPage.vue @@ -1,218 +1,48 @@ - @@ -241,7 +71,6 @@ h1 { } h2 { - border-bottom: 1px solid #ccc; font-size: 2rem; font-weight: 400; padding-bottom: 0.5rem; @@ -251,6 +80,10 @@ h5 { font-weight: 600; } +.main-container { + height: 100%; +} + .vue-logo { width: 80px; } diff --git a/src/components/Layout/NavBar.vue b/src/components/Layout/NavBar.vue index 2fe016f..298851f 100644 --- a/src/components/Layout/NavBar.vue +++ b/src/components/Layout/NavBar.vue @@ -1,7 +1,10 @@