Merge branch 'main' into dev

Author: webdevnerdstuff

.editorconfig

@@ -14,7 +14,7 @@ trim_trailing_whitespace = false
 [*.{yml,yaml}]
 indent_size = 2
 
-[*.{js,ts,vue}]
+[*.{js,ts,mts,vue}]
 indent_size = 2
 indent_style = tab
 

.eslintrc.js

@@ -9,6 +9,13 @@ module.exports = {
 		"@vue/typescript/recommended",
 		"prettier",
 	],
+	ignorePatterns: [
+		'.eslintrc.js',
+		'stylelint.config.js',
+		'vite.build.config.mts',
+		'vite.config.mts',
+		'*.bk.vue',
+	],
 	overrides: [
 		{
 			files: [
@@ -25,7 +32,7 @@ module.exports = {
 		Prism: true,
 	},
 	parserOptions: {
-		parser: "@typescript-eslint/parser",
+		parser: '@typescript-eslint/parser',
 	},
 	plugins: [
 		'@typescript-eslint',

.github/ISSUE_TEMPLATE/BUG_REPORT.yaml

@@ -9,6 +9,18 @@ body:
     attributes:
       value: |
         Thanks for taking the time to fill out this bug report!
+  - type: input
+    id: vue-codeblock-version
+    attributes:
+      label: Vue Code Block Version
+    validations:
+      required: true
+  - type: input
+    id: vue-version
+    attributes:
+      label: Vue Version
+    validations:
+      required: true
   - type: textarea
     id: bug-description
     attributes:

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged && npm run test:commit

.npmrc

@@ -1 +1 @@
-node-version=20.9.0
+node-version=20.10.0

.nvmrc

@@ -1 +1 @@
-20.9.0
+20.10.0

dist/plugin/VCodeBlock.vue.d.ts

@@ -60,44 +60,44 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onRun?: ((...args: any[]) => any) | undefined;
     "onUpdate:copy-status"?: ((...args: any[]) => any) | undefined;
 }, {
-    persistentCopyButton: boolean;
     highlightjs: boolean;
-    floatingTabs: boolean;
-    tabGap: string | number;
-    copyTab: boolean;
-    height: string | number;
-    maxHeight: string | number;
-    codeBlockRadius: string;
-    runTab: boolean;
-    tabs: boolean;
+    prismjs: boolean;
     browserWindow: boolean;
     cssPath: string;
     code: string | number | object | [];
+    codeBlockRadius: string;
     copyButton: boolean;
     copyIcons: boolean;
+    copyTab: boolean;
     copyFailedText: string;
     copyText: string;
     copySuccessText: string;
+    floatingTabs: boolean;
+    height: string | number;
     indent: number;
     label: string;
     lang: string;
-    prismjs: boolean;
+    maxHeight: string | number;
+    persistentCopyButton: boolean;
     prismPlugin: boolean;
+    runTab: boolean;
     runText: string;
+    tabGap: string | number;
+    tabs: boolean;
     theme: string | boolean;
 }, {}>, {
     label?(_: {
         copyCode: typeof copyCode;
-        copyStatus: string;
+        copyStatus: "copy" | "success" | "failed";
         runCode: typeof runCode;
     }): any;
     tabs?(_: {
         copyCode: typeof copyCode;
-        copyStatus: string;
+        copyStatus: "copy" | "success" | "failed";
         runCode: typeof runCode;
     }): any;
     copyButton?(_: {
-        copyStatus: string;
+        copyStatus: "copy" | "success" | "failed";
     }): any;
 }>;
 export default _default;

dist/plugin/composables/helpers.d.ts

@@ -1,4 +1,5 @@
+import { UseConvertToUnit } from '../../plugin/types';
 /**
 * Converts a string to a number with a unit.
 */
-export declare function useConvertToUnit(str: string | number | undefined | null, unit?: string): string | void;
+export declare const useConvertToUnit: UseConvertToUnit;

dist/plugin/index.d.ts

@@ -2,6 +2,8 @@ import type { App } from 'vue';
 import type { Props } from './types';
 import VCodeBlock from './VCodeBlock.vue';
 export declare const codeBlockOptions: unique symbol;
-export declare function createVCodeBlock(options?: Props): (app: App) => void;
+export declare function createVCodeBlock(options?: Props): {
+    install: (app: App) => void;
+};
 export default VCodeBlock;
 export { VCodeBlock, };

dist/plugin/types/index.d.ts

@@ -2,6 +2,7 @@ import { CSSProperties, MaybeRef } from 'vue';
 import VCodeBlock from '../VCodeBlock.vue';
 export * from '../index';
 export type UseTheme = MaybeRef<string | boolean>;
+export type CopyStatus = MaybeRef<'copy' | 'success' | 'failed'>;
 export interface Props {
     browserWindow?: boolean;
     cssPath?: string | undefined;
@@ -31,6 +32,12 @@ export interface Props {
     tabs?: boolean;
     theme?: string | boolean;
 }
+export interface UseConvertToUnit {
+    (options: {
+        str: string | number | undefined | null;
+        unit?: string;
+    }): string | void;
+}
 export interface UseCodeBlockClasses {
     (options: {
         isMobile: MaybeRef<boolean>;
@@ -39,14 +46,14 @@ export interface UseCodeBlockClasses {
 }
 export interface UseCopyButtonClasses {
     (options: {
-        copyStatus: MaybeRef<string>;
+        copyStatus: CopyStatus;
         isMobile: MaybeRef<boolean>;
         persistentCopyButton: MaybeRef<Props['persistentCopyButton']>;
     }): object;
 }
 export interface UseIconClasses {
     (options: {
-        copyStatus: MaybeRef<string>;
+        copyStatus: CopyStatus;
         highlightjs: MaybeRef<Props['highlightjs']>;
         useTheme: UseTheme;
     }): object;