Change to use async

CHANGELOG.md

@@ -1,6 +1,11 @@
 # Change Log
 All notable changes to the "vuetify-inline-fields" plugin will be documented in this file.
 
+## v1.0.7
+2024-03-13
+[main] (@webdevnerdstuff)
+* Change component to use `defineAsyncComponent`
+
 ## v1.0.6
 2024-02-26
 [main] (@webdevnerdstuff)

src/plugin/index.ts

@@ -1,3 +1,4 @@
+import { defineAsyncComponent } from 'vue';
 import { App } from 'vue';
 import './styles/main.scss';
 import type { SharedProps } from './types';
@@ -12,9 +13,33 @@ export function createVInlineFields(options: Omit<SharedProps,
 	const install = (app: App) => {
 		app.provide(globalOptions, options);
 
-		for (const key in VInlineFields) {
-			app.component(key, VInlineFields[key]);
-		}
+		app.component('VInlineAutocomplete', defineAsyncComponent(
+			() => import('./components/VInlineAutocomplete/VInlineAutocomplete.vue'))
+		);
+
+		app.component('VInlineCheckbox', defineAsyncComponent(
+			() => import('./components/VInlineCheckbox/VInlineCheckbox.vue'))
+		);
+
+		app.component('VInlineCustomField', defineAsyncComponent(
+			() => import('./components/VInlineCustomField/VInlineCustomField.vue'))
+		);
+
+		app.component('VInlineSelect', defineAsyncComponent(
+			() => import('./components/VInlineSelect/VInlineSelect.vue'))
+		);
+
+		app.component('VInlineSwitch', defineAsyncComponent(
+			() => import('./components/VInlineSwitch/VInlineSwitch.vue'))
+		);
+
+		app.component('VInlineTextarea', defineAsyncComponent(
+			() => import('./components/VInlineTextarea/VInlineTextarea.vue'))
+		);
+
+		app.component('VInlineTextField', defineAsyncComponent(
+			() => import('./components/VInlineTextField/VInlineTextField.vue'))
+		);
 	};
 
 	return { install };