Merge branch 'main' into dev

Author: webdevnerdstuff

README.md

@@ -3,15 +3,15 @@
 </p>
 
 <p>
-  <h1 align="center">Vue 3 CodeBlock</h1>
+  <h1 align="center">Vue 3 CodeBlock (beta)</h1>
 </p>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/vue3-code-block">
     <img src="https://img.shields.io/npm/v/vue3-code-block?color=1867c0&logo=npm" alt="NPM Package">
   </a>
   &nbsp;
-  <a href="https://github.com/webdevnerdstuff/vuetify3-resize-drawer">
+  <a href="https://github.com/webdevnerdstuff/vue3-code-block">
     <img src="https://img.shields.io/badge/GitHub-WebDevNerdStuff-brightgreen.svg?logo=github" alt="@WebDevNerdStuff">
   </a>
 </p>

dist/index.d.ts

@@ -1,4 +1,7 @@
 import { Plugin } from 'vue';
 import '@/plugin/styles/cssVariables.css';
+import '@/plugin/styles/utilities.scss';
+import '@/plugin/styles/main.scss';
+import '@/plugin/styles/themeStyles.scss';
 declare const _default: Plugin;
 export default _default;

dist/plugin/StatusIcons.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

dist/vue3-code-block.css

@@ -1,6 +1,6 @@
 {
 	"name": "vue3-code-block",
-	"version": "1.0.0",
+	"version": "1.0.14-beta.0",
 	"description": "Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS.",
 	"private": false,
 	"main": "dist/vue3-code-block.js",

dist/vue3-code-block.es.css

@@ -77,8 +77,18 @@ export default {
 			defaultLang: { script: 'ts' }
 		}),
 		postcss({
-			modules: true,
-			extract: true
+			modules: false,
+			extract: false,
+			inject: true,
+			// minimize: true,
+			use: [
+				[
+					"sass",
+					{
+						includePaths: ['./src/plugin/styles'],
+					},
+				]
+			]
 		}),
 		scss(),
 		copy({

dist/vue3-code-block.es.js

@@ -2,14 +2,16 @@ import { App, Plugin } from 'vue';
 import { CodeBlock } from '@/plugin';
 import { Props } from '@/types';
 import '@/plugin/styles/cssVariables.css';
+import '@/plugin/styles/utilities.scss';
+import '@/plugin/styles/main.scss';
+import '@/plugin/styles/themeStyles.scss';
 
-const CodeBlockPlugin = {
-	install(app: App, options: Props) {
-		const codeBlockGlobalOptions: Props = { globalOptions: true, ...options };
-
-		app.provide('codeBlockGlobalOptions', codeBlockGlobalOptions);
-		app.component('CodeBlock', CodeBlock);
-	},
+const install = (app: App, options: Props) => {
+	const codeBlockGlobalOptions: Props = { globalOptions: true, ...options };
+	app.provide('codeBlockGlobalOptions', codeBlockGlobalOptions);
+	app.component('CodeBlock', CodeBlock);
 };
 
-export default CodeBlockPlugin as unknown as Plugin;
+CodeBlock.install = install;
+
+export default CodeBlock as unknown as Plugin;