@simsustech/quasar-components 0.2.0 → 0.3.0

package/dist/types/ui/general/QSubmitButton.vue.d.ts

@@ -4,127 +4,7 @@ export interface Props {
     isNextButton?: boolean;
     color?: string;
 }
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            color: string;
-            loading: boolean;
-            useForm: boolean;
-            isNextButton: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            loading: {
-                type: BooleanConstructor;
-                default: undefined;
-            };
-            useForm: {
-                type: BooleanConstructor;
-            };
-            isNextButton: {
-                type: BooleanConstructor;
-            };
-            color: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>> & {
-            onSubmit?: ((args_0: {
-                value?: string | undefined;
-                done: () => void;
-            }) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "color" | "loading" | "useForm" | "isNextButton">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "submit", args_0: {
-            value?: string | undefined;
-            done: () => void;
-        }) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            loading: {
-                type: BooleanConstructor;
-                default: undefined;
-            };
-            useForm: {
-                type: BooleanConstructor;
-            };
-            isNextButton: {
-                type: BooleanConstructor;
-            };
-            color: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>> & {
-            onSubmit?: ((args_0: {
-                value?: string | undefined;
-                done: () => void;
-            }) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            submit: (payload_0: {
-                value?: string | undefined;
-                done: () => void;
-            }) => void;
-        }, string, {
-            color: string;
-            loading: boolean;
-            useForm: boolean;
-            isNextButton: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        loading: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        useForm: {
-            type: BooleanConstructor;
-        };
-        isNextButton: {
-            type: BooleanConstructor;
-        };
-        color: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & {
-        onSubmit?: ((args_0: {
-            value?: string | undefined;
-            done: () => void;
-        }) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     loading: {
         type: BooleanConstructor;
         default: undefined;
@@ -139,20 +19,35 @@ declare const _default: {
         type: StringConstructor;
         default: string;
     };
-}>> & {
-    onSubmit?: ((args_0: {
-        value?: string | undefined;
-        done: () => void;
-    }) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (payload_0: {
         value?: string | undefined;
         done: () => void;
     }) => void;
-}, string, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    useForm: {
+        type: BooleanConstructor;
+    };
+    isNextButton: {
+        type: BooleanConstructor;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onSubmit?: ((args_0: {
+        value?: string | undefined;
+        done: () => void;
+    }) => any) | undefined;
+}, {
     color: string;
     loading: boolean;
     useForm: boolean;
     isNextButton: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+}>;
 export default _default;

package/dist/types/ui/general/ResourcePage.vue.d.ts

@@ -2,125 +2,10 @@ export interface Props {
     type?: 'create' | 'update';
     disabled?: boolean;
 }
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            type: "create" | "update";
-            disabled: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-            type: string;
-            disabled: boolean;
-        }>>> & {
-            onCreate?: ((args_0: {
-                data?: any;
-                done: (success?: boolean) => void;
-            }) => any) | undefined;
-            onUpdate?: ((args_0: {
-                data?: any;
-                done: (success?: boolean) => void;
-            }) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: ((event: "create", args_0: {
-            data?: any;
-            done: (success?: boolean) => void;
-        }) => void) & ((event: "update", args_0: {
-            data?: any;
-            done: (success?: boolean) => void;
-        }) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-            type: string;
-            disabled: boolean;
-        }>>> & {
-            onCreate?: ((args_0: {
-                data?: any;
-                done: (success?: boolean) => void;
-            }) => any) | undefined;
-            onUpdate?: ((args_0: {
-                data?: any;
-                done: (success?: boolean) => void;
-            }) => any) | undefined;
-        }, {
-            variables: import("vue").Ref<{}>;
-            functions: import("vue").Ref<{}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            create: (payload_0: {
-                data?: any;
-                done: (success?: boolean) => void;
-            }) => void;
-        } & {
-            update: (payload_0: {
-                data?: any;
-                done: (success?: boolean) => void;
-            }) => void;
-        }, string, {
-            type: "create" | "update";
-            disabled: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-        type: string;
-        disabled: boolean;
-    }>>> & {
-        onCreate?: ((args_0: {
-            data?: any;
-            done: (success?: boolean) => void;
-        }) => any) | undefined;
-        onUpdate?: ((args_0: {
-            data?: any;
-            done: (success?: boolean) => void;
-        }) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        variables: import("vue").Ref<{}>;
-        functions: import("vue").Ref<{}>;
-    }> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     type: string;
     disabled: boolean;
-}>>> & {
-    onCreate?: ((args_0: {
-        data?: any;
-        done: (success?: boolean) => void;
-    }) => any) | undefined;
-    onUpdate?: ((args_0: {
-        data?: any;
-        done: (success?: boolean) => void;
-    }) => any) | undefined;
-}, {
+}>, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -128,20 +13,29 @@ declare const _default: {
         data?: any;
         done: (success?: boolean) => void;
     }) => void;
-} & {
     update: (payload_0: {
         data?: any;
         done: (success?: boolean) => void;
     }) => void;
-}, string, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    type: string;
+    disabled: boolean;
+}>>> & {
+    onCreate?: ((args_0: {
+        data?: any;
+        done: (success?: boolean) => void;
+    }) => any) | undefined;
+    onUpdate?: ((args_0: {
+        data?: any;
+        done: (success?: boolean) => void;
+    }) => any) | undefined;
+}, {
     type: "create" | "update";
     disabled: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default: (_: {}) => any;
-        header: (_: {}) => any;
-    };
-});
+}>, {
+    default?(_: {}): any;
+    header?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -153,7 +47,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/ui/general/ResponsiveDialog.vue.d.ts

@@ -1,101 +1,25 @@
 export interface Props {
     display?: boolean;
 }
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
-            onSubmit?: ((args_0: {
-                done: (success?: boolean) => void;
-            }) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "submit", args_0: {
-            done: (success?: boolean) => void;
-        }) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
-            onSubmit?: ((args_0: {
-                done: (success?: boolean) => void;
-            }) => any) | undefined;
-        }, {
-            variables: import("vue").Ref<{}>;
-            functions: import("vue").Ref<{
-                open: () => boolean;
-                close: () => boolean;
-                toggle: () => boolean;
-            }>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            submit: (payload_0: {
-                done: (success?: boolean) => void;
-            }) => void;
-        }, string, {}, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
-        onSubmit?: ((args_0: {
-            done: (success?: boolean) => void;
-        }) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        variables: import("vue").Ref<{}>;
-        functions: import("vue").Ref<{
-            open: () => boolean;
-            close: () => boolean;
-            toggle: () => boolean;
-        }>;
-    }> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
-    onSubmit?: ((args_0: {
-        done: (success?: boolean) => void;
-    }) => any) | undefined;
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{
-        open: () => boolean;
-        close: () => boolean;
-        toggle: () => boolean;
+        open: () => void | undefined;
+        close: () => void | undefined;
+        toggle: () => void | undefined;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (payload_0: {
         done: (success?: boolean) => void;
     }) => void;
-}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        title: (_: {}) => any;
-        default: (_: {}) => any;
-    };
-});
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+    onSubmit?: ((args_0: {
+        done: (success?: boolean) => void;
+    }) => any) | undefined;
+}, {}>, {
+    title?(_: {}): any;
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -106,3 +30,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",
@@ -46,34 +46,34 @@
   },
   "bugs": "https://github.com/simsusech/quasar-components/issues",
   "dependencies": {
-    "validator": "^13.7.0"
+    "validator": "^13.9.0"
   },
   "peerDependencies": {
     "quasar": "^2.9.2"
   },
   "devDependencies": {
-    "@types/node": "^18.7.13",
-    "@types/validator": "^13.7.5",
-    "@types/ws": "^8.5.3",
-    "@typescript-eslint/eslint-plugin": "^5.34.0",
-    "@typescript-eslint/parser": "^5.34.0",
-    "@vitejs/plugin-vue": "^3.2.0-beta.0",
-    "@vue/server-renderer": "^3.2.37",
-    "eslint": "^8.22.0",
-    "eslint-config-prettier": "^8.5.0",
+    "@types/node": "^18.16.3",
+    "@types/validator": "^13.7.15",
+    "@types/ws": "^8.5.4",
+    "@typescript-eslint/eslint-plugin": "^5.59.2",
+    "@typescript-eslint/parser": "^5.59.2",
+    "@vitejs/plugin-vue": "^4.2.1",
+    "@vue/server-renderer": "^3.2.47",
+    "eslint": "^8.39.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier-vue": "^4.2.0",
-    "eslint-plugin-vue": "^9.6.0",
-    "glob": "^8.0.3",
-    "local-pkg": "^0.4.2",
-    "prettier": "^2.7.1",
-    "quasar": "^2.9.2",
-    "rimraf": "^3.0.2",
-    "typescript": "^4.7.4",
-    "unplugin-vue-components": "^0.22.8",
-    "vite": "^3.2.0-beta.0",
-    "vue": "^3.2.37",
-    "vue-router": "^4.1.4",
-    "vue-tsc": "^1.0.8"
+    "eslint-plugin-vue": "^9.11.0",
+    "glob": "^10.2.2",
+    "local-pkg": "^0.4.3",
+    "prettier": "^2.8.8",
+    "quasar": "^2.11.10",
+    "rimraf": "^5.0.0",
+    "typescript": "^5.0.4",
+    "unplugin-vue-components": "^0.24.1",
+    "vite": "^4.3.4",
+    "vue": "^3.2.47",
+    "vue-router": "^4.1.6",
+    "vue-tsc": "^1.6.4"
   },
   "scripts": {
     "build:plugin": "vite build",

package/src/ui/authentication/EmailChangeStepper.vue

@@ -100,7 +100,7 @@ watch($q.lang, (val) => {
 })
 
 const steps = ['requestOtp', 'changeEmail'] as const
-const step = ref<typeof steps[number]>('requestOtp')
+const step = ref<(typeof steps)[number]>('requestOtp')
 const email = ref('')
 const header = computed(() => lang.value.email.changeEmail)
 const emailChanged = computed(() => lang.value.email.emailChanged)
@@ -148,7 +148,7 @@ const variables = ref({
   steps
 })
 const functions = ref({
-  goToStep: (newStep: typeof steps[number]) => (step.value = newStep)
+  goToStep: (newStep: (typeof steps)[number]) => (step.value = newStep)
 })
 defineExpose({
   variables,

package/src/ui/authentication/PasswordChangeStepper.vue

@@ -100,7 +100,7 @@ watch($q.lang, (val) => {
 })
 
 const steps = ['requestOtp', 'changePassword'] as const
-const step = ref<typeof steps[number]>('requestOtp')
+const step = ref<(typeof steps)[number]>('requestOtp')
 const email = ref('')
 const header = computed(() => lang.value.password.changePassword)
 const passwordChanged = computed(() => lang.value.password.passwordChanged)
@@ -148,7 +148,7 @@ const variables = ref({
   steps
 })
 const functions = ref({
-  goToStep: (newStep: typeof steps[number]) => (step.value = newStep)
+  goToStep: (newStep: (typeof steps)[number]) => (step.value = newStep)
 })
 defineExpose({
   variables,

package/src/ui/form/EmailInput.vue

@@ -0,0 +1,50 @@
+<template>
+  <q-input
+    outlined
+    :placeholder="lang.email.subject"
+    :model-value="subject"
+    type="text"
+    @update:model-value="($event) => emit('update:subject', $event)"
+  />
+  <q-editor
+    :model-value="body"
+    @update:model-value="($event) => emit('update:body', $event)"
+  />
+</template>
+
+<script lang="ts">
+export default {
+  name: 'EmailInput'
+}
+</script>
+
+<script setup lang="ts">
+import { ref, useAttrs, watch } from 'vue'
+import { useQuasar } from 'quasar'
+import { useLang, loadLang } from './lang'
+
+export interface Props {
+  subject: string
+  body: string
+}
+const props = defineProps<Props>()
+const attrs = useAttrs()
+const emit = defineEmits<{
+  (e: 'update:subject', value: string | number | null): void
+  (e: 'update:body', value: string | null): void
+}>()
+
+const $q = useQuasar()
+const lang = useLang()
+
+const variables = ref({
+  // header: lang.value.some.nested.prop
+})
+const functions = ref({
+  // submit
+})
+defineExpose({
+  variables,
+  functions
+})
+</script>

package/src/ui/form/FormInput.vue

@@ -15,7 +15,7 @@ import { ref, watch, useAttrs } from 'vue'
 import { QInput, useQuasar, ValidationRule } from 'quasar'
 import { useLang, loadLang } from './lang'
 
-export type FormItems = 'name' | 'firstName' | 'surname' | 'address' | 'city'
+export type FormItems = 'name' | 'firstName' | 'lastName' | 'address' | 'city'
 
 export interface Props {
   modelValue?: string | null

package/src/ui/form/FormItem.vue

@@ -25,7 +25,7 @@ import { useLang, loadLang } from './lang'
 export type FormItems =
   | 'name'
   | 'firstName'
-  | 'surname'
+  | 'lastName'
   | 'address'
   | 'city'
   | 'postalCode'

package/src/ui/form/index.ts

@@ -7,3 +7,4 @@ export { default as TelephoneNumberInput } from './TelephoneNumberInput.vue'
 export { default as DateInput } from './DateInput.vue'
 export { default as BooleanSelect } from './BooleanSelect.vue'
 export { default as BooleanItem } from './BooleanItem.vue'
+export { default as EmailInput } from './EmailInput.vue'