@simsustech/quasar-components 0.4.4 → 0.4.6

package/dist/types/ui/form/FormInput.vue.d.ts

@@ -5,31 +5,14 @@ export interface Props {
     label?: string;
     required?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<string | null>;
-    };
-    field: {
-        type: import("vue").PropType<FormItems>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<string | null>;
-    };
-    field: {
-        type: import("vue").PropType<FormItems>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
-}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/ui/form/FormItem.vue.d.ts

@@ -4,31 +4,20 @@ export interface Props {
     label?: string;
     field?: FormItems;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<string>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    field: {
-        type: import("vue").PropType<FormItems>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<string>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    field: {
-        type: import("vue").PropType<FormItems>;
-    };
-}>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     avatar?(_: {}): any;
     side?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/ui/form/GenderItem.vue.d.ts

@@ -2,15 +2,14 @@ import type { Gender } from './GenderSelect.vue';
 export interface Props {
     modelValue: Gender;
 }
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<Gender>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<Gender>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
         required: true;
     };
-}>>, {}, {}>;
-export default _default;
+};

package/dist/types/ui/form/GenderSelect.vue.d.ts

@@ -4,29 +4,18 @@ export interface Props {
     disableOther?: boolean;
     required?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<Gender>;
-        required: true;
-    };
-    disableOther: {
-        type: import("vue").PropType<boolean>;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<Gender>;
-        required: true;
-    };
-    disableOther: {
-        type: import("vue").PropType<boolean>;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/ui/form/PostalCodeInput.vue.d.ts

@@ -4,31 +4,18 @@ export interface Props {
     locale: PostalCodeLocales;
     required?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    locale: {
-        type: import("vue").PropType<"nl">;
-        required: true;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    locale: {
-        type: import("vue").PropType<"nl">;
-        required: true;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/ui/form/TelephoneNumberInput.vue.d.ts

@@ -2,23 +2,18 @@ export interface Props {
     modelValue: string;
     required?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -3,23 +3,14 @@ export interface Props {
     modelValue: string;
     languageImports: Record<string, () => Promise<QuasarLanguage>>;
 }
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    languageImports: {
-        type: import("vue").PropType<Record<string, () => Promise<QuasarLanguage>>>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    languageImports: {
-        type: import("vue").PropType<Record<string, () => Promise<QuasarLanguage>>>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
         required: true;
     };
-}>>, {}, {}>;
-export default _default;
+};

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

@@ -2,18 +2,10 @@ import { QCardActionsProps } from 'quasar';
 export interface Props {
     actions?: QCardActionsProps;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    actions: {
-        type: import("vue").PropType<QCardActionsProps>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    actions: {
-        type: import("vue").PropType<QCardActionsProps>;
-    };
-}>>, {}, {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     image?(_: {}): any;
     title?(_: {}): any;
     subtitle?(_: {}): any;
@@ -21,6 +13,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     actions?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,23 +1,22 @@
 export interface Props {
     title: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    title: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}>>, {}, {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     leftDrawerItems?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -4,7 +4,7 @@ export interface Props {
     isNextButton?: boolean;
     color?: string;
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     loading: {
         type: BooleanConstructor;
         default: undefined;
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (payload_0: {
+    submit: (args_0: {
         value?: string | undefined;
         done: () => void;
     }) => void;
@@ -49,5 +49,12 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     useForm: boolean;
     isNextButton: boolean;
-}, {}>;
+}, {}>, {
+    default?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -2,37 +2,25 @@ export interface Props {
     type?: 'create' | 'update';
     disabled?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    type: {
-        type: import("vue").PropType<"update" | "create">;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    type: string;
+    disabled: boolean;
+}>, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    create: (payload_0: {
+    create: (args_0: {
         data?: unknown;
         done: (success?: boolean) => void;
     }) => void;
-    update: (payload_0: {
+    update: (args_0: {
         data?: unknown;
         done: (success?: boolean) => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: import("vue").PropType<"update" | "create">;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    type: string;
+    disabled: boolean;
+}>>> & {
     onUpdate?: ((args_0: {
         data?: unknown;
         done: (success?: boolean) => void;
@@ -49,6 +37,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     header?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,11 +1,7 @@
 export interface Props {
     display?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    display: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{
         open: () => void | undefined;
@@ -13,14 +9,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         toggle: () => void | undefined;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (payload_0: {
+    submit: (args_0: {
         done: (success?: boolean) => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    display: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & {
+}, 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;
@@ -29,6 +21,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",

package/src/ui/authentication/LoginButton.vue

@@ -1,11 +1,9 @@
 <template>
-  <q-btn>
+  <q-submit-button>
     <slot name="icon" />
     <div v-if="withNetwork">{{ lang.login.loginWith }} {{ withNetwork }}</div>
-    <div v-else>
-      {{ lang.login.login }}
-    </div>
-  </q-btn>
+    <div v-else>{{ lang.login.login }}</div>
+  </q-submit-button>
 </template>
 
 <script lang="ts">
@@ -15,42 +13,20 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { watch } from 'vue'
 import { useQuasar } from 'quasar'
-import { useLang, loadLang } from './lang'
+import { useLang, loadLang } from './lang/index.js'
+import QSubmitButton from '../general/QSubmitButton.vue'
 
 export interface Props {
   withNetwork?: string
 }
 defineProps<Props>()
-// const attrs = useAttrs();
-// const emit = defineEmits<{
-//   (
-//     e: "asyncEmit",
-//     {
-//       value,
-//       done,
-//     }: {
-//       value: string;
-//       done: () => void;
-//     }
-//   ): void;
-// }>();
+
 const $q = useQuasar()
 const lang = useLang()
 if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
 watch($q.lang, (val) => {
   loadLang($q.lang.isoName)
 })
-
-const variables = ref({
-  // header: lang.value.some.nested.prop
-})
-const functions = ref({
-  // submit
-})
-defineExpose({
-  variables,
-  functions
-})
 </script>

package/src/ui/form/DateInput.vue

@@ -7,7 +7,7 @@
     :placeholder="lang.datePicker.placeholder"
     mask="date"
     class="q-pr-md"
-    @update:model-value="$emit('update:modelValue', $event)"
+    @update:model-value="update"
   >
     <template v-slot:append>
       <q-icon
@@ -66,6 +66,9 @@ watch($q.lang, () => {
 
 const { modelValue } = toRefs(props)
 
+const update = (val: string | number | null) => {
+  if (typeof val === 'string' || val === null) emit('update:modelValue', val)
+}
 watch(
   () => modelValue?.value,
   (newVal) => {

package/src/ui/general/QSubmitButton.vue

@@ -1,12 +1,15 @@
 <template>
   <q-btn
     v-bind="attrs"
-    :label="isNextButton ? lang.next : lang.submit"
     :color="color"
     :loading="loading || loadingInternal"
     type="submit"
     @click="submit"
-  />
+  >
+    <slot>
+      {{ isNextButton ? lang.next : lang.submit }}
+    </slot>
+  </q-btn>
 </template>
 
 <script lang="ts">

package/src/ui/general/lang/nl.ts

@@ -2,7 +2,7 @@ import type { Language } from '../lang'
 
 const lang: Language = {
   isoName: 'nl',
-  submit: 'Versturen',
+  submit: 'Opslaan',
   next: 'Volgende',
   back: 'Vorige'
 }