Adding async

webdevnerdstuff · webdevnerdstuff · commit a275089c36fd · 2024-03-13T12:21:14.000-07:00
diff --git a/src/plugin/index.ts b/src/plugin/index.ts
@@ -1,3 +1,4 @@
+import { defineAsyncComponent } from 'vue';
 import type { App } from 'vue';
 import type { Props } from './types';
 import './styles/cssVariables.css';
@@ -12,8 +13,9 @@ export const codeBlockOptions = Symbol();
 export function createVCodeBlock(options: Props = {}) {
 	const install = (app: App) => {
 		app.provide(codeBlockOptions, options);
-		app.component('CodeBlock', VCodeBlock);
-		app.component('VCodeBlock', VCodeBlock);
+
+		app.component('CodeBlock', defineAsyncComponent(() => import('./VCodeBlock.vue')));
+		app.component('VCodeBlock', defineAsyncComponent(() => import('./VCodeBlock.vue')));
 	};
 
 	return {
