Merge pull request #26 from webdevnerdstuff/issue-24

Issue 24
webdevnerdstuff · Nov 9, 2023 · ef20b95 · ef20b95
2 parents a8423a5 + 7b66589
commit ef20b95
Show file tree

Hide file tree

Showing 13 changed files with 2,067 additions and 2,079 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,21 +1,27 @@
 # Change Log
 All notable changes to the "vue3-code-block" plugin will be documented in this file.
 
+## v2.2.13
+11-09-2023
+[main] (@webdevnerdstuff)
+* Add `cssPath` prop to component to allow for custom css file path to be used.
+* Update packages.
+
 ## v2.2.11
-2023-06-11
+06-11-2023
 [main] (@webdevnerdstuff)
 * Changing Highlight.js to include all languages by default.
   * Unfortunately, adding additional languages was not working as expected, so this is the best solution I can think of for now.
 * Updated typings for Props as well as composables.
 * Changing compiling to use a Vite config instead of rollup so d.ts file aliases resolve correctly.
 
 ## v2.1.1
-2023-04-16
+04-16-2023
 [main] (@webdevnerdstuff)
 * Changing importing of css/scss/sass to use @use instead of @import.
 
 ## v2.1.0
-2023-04-16
+04-16-2023
 [main] (@webdevnerdstuff)
 * Changing component to use the min version of the default themes.
 * Reorganizing default themes to new location.
@@ -25,21 +31,21 @@ All notable changes to the "vue3-code-block" plugin will be documented in this f
 * Adding sass scripts to package.json to compile scss files to css.
 
 ## v2.0.1 - v2.0.6
-2023-04-15
+04-15-2023
 [main] (@webdevnerdstuff)
 * Minor changes to fix issues after testing npm packaging.
 
 ## v2.0.0
-2023-04-15
+04-15-2023
 [main] (@webdevnerdstuff)
 * Major release update. Added in support to use either PrismJS or HighlightJS.
 
 ## v1.0.15
-2023-04-02
+04-02-2023
 [main] (@webdevnerdstuff)
 * Minor changes to fix issues after testing npm packaging.
 
 ## v1.0.0
-2023-03-16
+03-16-2023
 [main] (@webdevnerdstuff)
 * Initial release
diff --git a/dist/plugin/CodeBlock.vue.d.ts b/dist/plugin/CodeBlock.vue.d.ts
@@ -1,210 +1,60 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    persistentCopyButton: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    highlightjs: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    floatingTabs: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    tabGap: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    copyTab: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    height: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    maxHeight: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    codeBlockRadius: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    runTab: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    tabs: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    code: {
-        type: globalThis.PropType<string | number | object | []>;
-        default: string;
-    };
-    label: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    lang: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    browserWindow: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    copyButton: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    copyIcons: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    copyFailedText: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    copyText: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    copySuccessText: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    globalOptions: {
-        type: globalThis.PropType<boolean>;
-    };
-    indent: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    languages: {
-        type: globalThis.PropType<string[]>;
-    };
-    prismjs: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    prismPlugin: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    runText: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    theme: {
-        type: globalThis.PropType<string | boolean>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("run" | "update:copy-status")[], "run" | "update:copy-status", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    persistentCopyButton: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    highlightjs: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    floatingTabs: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    tabGap: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    copyTab: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    height: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    maxHeight: {
-        type: globalThis.PropType<string | number>;
-        default: string;
-    };
-    codeBlockRadius: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    runTab: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    tabs: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    code: {
-        type: globalThis.PropType<string | number | object | []>;
-        default: string;
-    };
-    label: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    lang: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    browserWindow: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    copyButton: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    copyIcons: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    copyFailedText: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    copyText: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    copySuccessText: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    globalOptions: {
-        type: globalThis.PropType<boolean>;
-    };
-    indent: {
-        type: globalThis.PropType<number>;
-        default: number;
-    };
-    languages: {
-        type: globalThis.PropType<string[]>;
-    };
-    prismjs: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    prismPlugin: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    runText: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    theme: {
-        type: globalThis.PropType<string | boolean>;
-        default: string;
-    };
-}>> & {
+import { Props } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    browserWindow: boolean;
+    cssPath: undefined;
+    code: string;
+    codeBlockRadius: string;
+    copyButton: boolean;
+    copyIcons: boolean;
+    copyTab: boolean;
+    copyFailedText: string;
+    copyText: string;
+    copySuccessText: string;
+    floatingTabs: boolean;
+    height: string;
+    highlightjs: boolean;
+    indent: number;
+    label: string;
+    lang: string;
+    maxHeight: string;
+    persistentCopyButton: boolean;
+    prismjs: boolean;
+    prismPlugin: boolean;
+    runTab: boolean;
+    runText: string;
+    tabGap: string;
+    tabs: boolean;
+    theme: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    run: (...args: any[]) => void;
+    "update:copy-status": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    browserWindow: boolean;
+    cssPath: undefined;
+    code: string;
+    codeBlockRadius: string;
+    copyButton: boolean;
+    copyIcons: boolean;
+    copyTab: boolean;
+    copyFailedText: string;
+    copyText: string;
+    copySuccessText: string;
+    floatingTabs: boolean;
+    height: string;
+    highlightjs: boolean;
+    indent: number;
+    label: string;
+    lang: string;
+    maxHeight: string;
+    persistentCopyButton: boolean;
+    prismjs: boolean;
+    prismPlugin: boolean;
+    runTab: boolean;
+    runText: string;
+    tabGap: string;
+    tabs: boolean;
+    theme: string;
+}>>> & {
     onRun?: ((...args: any[]) => any) | undefined;
     "onUpdate:copy-status"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -220,14 +70,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tabs: boolean;
     code: string | number | object | [];
     label: string;
-    lang: string;
     browserWindow: boolean;
+    cssPath: string;
     copyButton: boolean;
     copyIcons: boolean;
     copyFailedText: string;
     copyText: string;
     copySuccessText: string;
     indent: number;
+    lang: string;
     prismjs: boolean;
     prismPlugin: boolean;
     runText: string;
@@ -238,6 +89,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     copyButton?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

diff --git a/dist/plugin/utils/props.d.ts b/dist/plugin/utils/props.d.ts
@@ -1,5 +1,6 @@
 export declare const AllProps: {
     browserWindow: boolean;
+    cssPath: undefined;
     code: string;
     codeBlockRadius: string;
     copyButton: boolean;

diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts
@@ -2,6 +2,7 @@ import { CSSProperties, MaybeRef } from 'vue';
 export type UseTheme = MaybeRef<string | boolean>;
 export interface Props {
     browserWindow?: boolean;
+    cssPath?: string | undefined;
     code?: object | [] | string | number;
     codeBlockRadius?: string;
     copyButton?: boolean;