@simsustech/quasar-components 0.4.6 → 0.4.8

package/dist/form.js

@@ -45,10 +45,11 @@ const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
   __proto__: null,
   default: lang$1
 }, Symbol.toStringTag, { value: "Module" }));
+var define_import_meta_env_default = { BASE_URL: "/", MODE: "production", DEV: false, PROD: true, SSR: false };
 const lang = ref(lang$1);
 const locales = /* @__PURE__ */ Object.assign({
   "./en-US.ts": () => Promise.resolve().then(() => enUS),
-  "./nl.ts": () => import("./nl-fa466587.js")
+  "./nl.ts": () => import("./nl-VodfMDVb.js")
 });
 const useLang = () => {
   return lang;
@@ -63,7 +64,7 @@ const loadLang = async (isoName) => {
         lang.value = data;
       }
     } catch (e) {
-      if ({}.DEBUG)
+      if (define_import_meta_env_default.DEBUG)
         console.error(e);
       throw new Error(
         `[quasar-components] Failed to load ${isoName} language file.`
@@ -479,7 +480,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "BooleanItem",
   props: {
-    modelValue: { type: Boolean },
+    modelValue: { type: [Boolean, null] },
     label: {}
   },
   setup(__props) {
@@ -504,7 +505,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(unref(QItemLabel), null, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.modelValue ? unref(lang2).yes : unref(lang2).no), 1)
+                  createTextVNode(toDisplayString(_ctx.modelValue === null ? "-" : _ctx.modelValue ? unref(lang2).yes : unref(lang2).no), 1)
                 ]),
                 _: 1
               })
@@ -541,17 +542,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       functions
     });
     return (_ctx, _cache) => {
-      const _component_q_input = QInput;
-      const _component_q_editor = QEditor;
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_component_q_input, {
+        createVNode(unref(QInput), {
           outlined: "",
           placeholder: unref(lang2).email.subject,
           "model-value": _ctx.subject,
           type: "text",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:subject", $event))
         }, null, 8, ["placeholder", "model-value"]),
-        createVNode(_component_q_editor, {
+        createVNode(unref(QEditor), {
           "model-value": _ctx.body,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:body", $event))
         }, null, 8, ["model-value"])

package/dist/general.js

@@ -1,7 +1,7 @@
-import { l as loadLang, u as useLang, _ as _sfc_main$4 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-62670a79.js";
+import { l as loadLang, u as useLang, _ as _sfc_main$4 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-3DA1OTeA.js";
 import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QBtn, QToolbarTitle, QToolbar, QHeader, QPage, QPageContainer, QLayout, QSpace, QPageSticky, QSelect, QItemSection, QItemLabel, QItem } from "quasar";
 import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, toRefs, useAttrs, computed, mergeProps, createTextVNode, toDisplayString } from "vue";
-import { enUs, nl } from "./flags.js";
+import { e as enUs, n as nl } from "./en-US-Ub0VDpRf.js";
 const _hoisted_1$1 = { class: "text-h6" };
 const _hoisted_2 = { class: "text-subtitle2" };
 const __default__$2 = {
@@ -70,7 +70,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const QStyledCard_vue_vue_type_style_index_0_scoped_302df27a_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {

package/dist/icons.js

@@ -1,6 +1,6 @@
 import { ref, h } from "vue";
 import { useQuasar, QIcon } from "quasar";
-const icon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCmFyaWEtbGFiZWw9Ik1pY3Jvc29mdCIgcm9sZT0iaW1nIgp2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHJlY3QKd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiCnJ4PSIxNSUiCmZpbGw9IiNmZmYiLz48cGF0aApkPSJNNzUgNzV2MTcxaDE3MXYtMTcxeiIgZmlsbD0iI2YyNTAyMiIvPjxwYXRoCmQ9Ik0yNjYgNzV2MTcxaDE3MXYtMTcxeiIgZmlsbD0iIzdmYmEwMCIvPjxwYXRoCmQ9Ik03NSAyNjZ2MTcxaDE3MXYtMTcxeiIgZmlsbD0iIzAwYTRlZiIvPjxwYXRoCmQ9Ik0yNjYgMjY2djE3MWgxNzF2LTE3MXoiIGZpbGw9IiNmZmI5MDAiLz48L3N2Zz4=";
+const icon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20aria-label='Microsoft'%20role='img'%20viewBox='0%200%20512%20512'%3e%3crect%20width='512'%20height='512'%20rx='15%25'%20fill='%23fff'/%3e%3cpath%20d='M75%2075v171h171v-171z'%20fill='%23f25022'/%3e%3cpath%20d='M266%2075v171h171v-171z'%20fill='%237fba00'/%3e%3cpath%20d='M75%20266v171h171v-171z'%20fill='%2300a4ef'/%3e%3cpath%20d='M266%20266v171h171v-171z'%20fill='%23ffb900'/%3e%3c/svg%3e";
 const labels = {
   microsoft: {
     name: "Microsoft"

package/dist/{nl-710ec15d.js → nl-Y-pHriZy.js}

@@ -30,6 +30,9 @@ const lang = {
       fieldRequired: "Veld is vereist.",
       invalidEmail: "Het email adres is ongeldig."
     },
+    messages: {
+      unknownEmail: "Email adres is niet geregistreerd."
+    },
     request: "Vraag een eenmalig wachtwoord aan.",
     checkEmail: "U ontvangt een verificatie code in uw mailbox. Gebruik deze code in de volgende stap.",
     verificationCode: "Verificatie code"

package/dist/types/ui/authentication/ConsentList.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
         deny: string;
     }>;
     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<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/types/ui/authentication/EmailChangeForm.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         otp: string;
         done: () => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onSubmit?: ((args_0: {
         email: string;
         newEmail: string;

package/dist/types/ui/authentication/EmailChangeStepper.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
         otp: string;
         done: () => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onChangeEmail?: ((args_0: {
         email: string;
         newEmail: string;

package/dist/types/ui/authentication/LoginButton.vue.d.ts

@@ -1,7 +1,7 @@
 export interface Props {
     withNetwork?: string;
 }
-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>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     icon?(_: {}): any;
 }>;
 export default _default;

package/dist/types/ui/authentication/LoginForm.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         username?: string | undefined;
         done: () => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onSubmit?: ((args_0: {
         email?: string | undefined;
         password: string;

package/dist/types/ui/authentication/OtpInput.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     modelValue: string;
 }>, {}, 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<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     modelValue: string;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/dist/types/ui/authentication/PasswordChangeForm.vue.d.ts

@@ -12,9 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     form: undefined;
     input: undefined;
 }>, {
-    variables: import("vue").Ref<{
-        header: string;
-    }>;
+    variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{
         submit: (args_0: {
             value?: string | undefined;
@@ -28,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         otp: string;
         done: () => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     minimumPasswordLength: number;
     form: undefined;
     input: undefined;

package/dist/types/ui/authentication/PasswordChangeStepper.vue.d.ts

@@ -6,10 +6,6 @@ export interface Props {
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     variables: import("vue").Ref<{
-        header: string;
-        passwordChanged: string;
-        unprocessableRequest: string;
-        checkEmail: string;
         steps: readonly ["requestOtp", "changePassword"];
     }>;
     functions: import("vue").Ref<{
@@ -26,7 +22,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
         otp: string;
         done: () => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onRequestOtp?: ((args_0: {
         email: string;
         done: () => void;

package/dist/types/ui/authentication/RegisterForm.vue.d.ts

@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         extraFields?: Record<string, string> | undefined;
         done: () => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     minimumPasswordLength: number;
     extraFields: undefined;
     form: undefined;

package/dist/types/ui/authentication/RequestOtpForm.vue.d.ts

@@ -6,9 +6,7 @@ export interface Props {
     })>;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
-    variables: import("vue").Ref<{
-        header: string;
-    }>;
+    variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{
         submit: (args_0: {
             value?: string | undefined;
@@ -20,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         email: string;
         done: () => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onSubmit?: ((args_0: {
         email: string;
         done: () => void;

package/dist/types/ui/authentication/UserMenuButton.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     functions: import("vue").Ref<{}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     signOut: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onSignOut?: (() => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;

package/dist/types/ui/authentication/VerificationSlider.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     functions: import("vue").Ref<{}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     verified: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onVerified?: (() => any) | undefined;
 }, {}, {}>;
 export default _default;

package/dist/types/ui/authentication/lang/index.d.ts

@@ -46,6 +46,9 @@ export interface Language {
             fieldRequired: string;
             invalidEmail: string;
         };
+        messages: {
+            unknownEmail: string;
+        };
         request: string;
         checkEmail: string;
         verificationCode: string;
@@ -133,6 +136,9 @@ export declare const lang: Ref<{
             fieldRequired: string;
             invalidEmail: string;
         };
+        messages: {
+            unknownEmail: string;
+        };
         request: string;
         checkEmail: string;
         verificationCode: string;

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

@@ -1,8 +1,8 @@
 export interface Props {
-    modelValue: boolean;
+    modelValue: boolean | null;
     label: string;
 }
-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>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -5,7 +5,7 @@ export interface Props {
 }
 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>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -8,7 +8,7 @@ export interface Props {
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | null) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
         from: string;
         to: string;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     modelValue: string | null | undefined | {
         from: string;
         to: string;

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

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:subject": (value: string | number | null) => void;
     "update:body": (value: string | null) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     "onUpdate:subject"?: ((value: string | number | null) => any) | undefined;
     "onUpdate:body"?: ((value: string | null) => any) | undefined;
 }, {}, {}>;

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

@@ -5,7 +5,7 @@ export interface Props {
     label?: string;
     required?: 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>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -4,7 +4,7 @@ export interface Props {
     label?: string;
     field?: 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>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     avatar?(_: {}): any;
     side?(_: {}): any;
 }>;

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

@@ -2,7 +2,7 @@ import type { Gender } from './GenderSelect.vue';
 export interface Props {
     modelValue: 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>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -6,7 +6,7 @@ export interface Props {
 }
 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>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -6,7 +6,7 @@ export interface Props {
 }
 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>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -4,7 +4,7 @@ export interface Props {
 }
 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>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -3,7 +3,7 @@ export interface Props {
     modelValue: string;
     languageImports: 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>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -5,7 +5,7 @@ export interface Props {
 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<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     image?(_: {}): any;
     title?(_: {}): any;
     subtitle?(_: {}): any;

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

@@ -4,7 +4,7 @@ export interface Props {
 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<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     leftDrawerItems?(_: {}): any;
 }>;
 export default _default;

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

@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         value?: string | undefined;
         done: () => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: {
         type: BooleanConstructor;
         default: undefined;

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

@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         data?: unknown;
         done: (success?: boolean) => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     type: string;
     disabled: boolean;
 }>>> & {

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

@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     submit: (args_0: {
         done: (success?: boolean) => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onSubmit?: ((args_0: {
         done: (success?: boolean) => void;
     }) => any) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.4.6",
+  "version": "0.4.8",
   "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.9.0"
+    "validator": "^13.11.0"
   },
   "peerDependencies": {
     "quasar": "^2.9.2"
   },
   "devDependencies": {
-    "@types/node": "^20.4.5",
-    "@types/validator": "^13.9.0",
-    "@types/ws": "^8.5.5",
-    "@typescript-eslint/eslint-plugin": "^6.2.1",
-    "@typescript-eslint/parser": "^6.2.1",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vue/server-renderer": "^3.3.4",
-    "eslint": "^8.46.0",
-    "eslint-config-prettier": "^8.9.0",
-    "eslint-plugin-prettier-vue": "^4.2.0",
-    "eslint-plugin-vue": "^9.16.1",
-    "glob": "^10.3.3",
-    "local-pkg": "^0.4.3",
-    "prettier": "^3.0.0",
-    "quasar": "^2.12.3",
-    "rimraf": "^5.0.1",
-    "typescript": "^5.1.6",
-    "unplugin-vue-components": "^0.25.1",
-    "vite": "^4.4.8",
-    "vue": "^3.3.4",
-    "vue-router": "^4.2.4",
-    "vue-tsc": "^1.8.8"
+    "@types/node": "^20.11.16",
+    "@types/validator": "^13.11.8",
+    "@types/ws": "^8.5.10",
+    "@typescript-eslint/eslint-plugin": "^6.20.0",
+    "@typescript-eslint/parser": "^6.20.0",
+    "@vitejs/plugin-vue": "^5.0.3",
+    "@vue/server-renderer": "^3.4.15",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier-vue": "^5.0.0",
+    "eslint-plugin-vue": "^9.21.1",
+    "glob": "^10.3.10",
+    "local-pkg": "^0.5.0",
+    "prettier": "^3.2.4",
+    "quasar": "^2.14.3",
+    "rimraf": "^5.0.5",
+    "typescript": "^5.3.3",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.0.12",
+    "vue": "^3.4.15",
+    "vue-router": "^4.2.5",
+    "vue-tsc": "^1.8.27"
   },
   "scripts": {
     "build:plugin": "vite build",

package/src/ui/authentication/PasswordChangeForm.vue

@@ -116,7 +116,6 @@ const newPassword = ref('')
 const repeatNewPassword = ref('')
 const showPassword = ref(false)
 const showRepeatPassword = ref(false)
-const header = computed(() => lang.value.password.changePassword)
 
 const formRef = ref<QForm>()
 const validations = computed<
@@ -153,9 +152,7 @@ const submit: InstanceType<typeof QSubmitButton>['$props']['onSubmit'] = (
   })
 }
 
-const variables = ref({
-  header
-})
+const variables = ref({})
 const functions = ref({
   submit
 })

package/src/ui/authentication/PasswordChangeStepper.vue

@@ -38,15 +38,17 @@
 </template>
 
 <script lang="ts">
+import { useLang, loadLang } from './lang'
+
 export default {
-  name: 'PasswordChangeStepper'
+  name: 'PasswordChangeStepper',
+  useLang: useLang
 }
 </script>
 
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
 import { useQuasar, QInputProps } from 'quasar'
-import { useLang, loadLang } from './lang'
 import QSubmitButton from '../general/QSubmitButton.vue'
 import RequestOtpForm from './RequestOtpForm.vue'
 import PasswordChangeForm from './PasswordChangeForm.vue'
@@ -102,20 +104,14 @@ watch($q.lang, (val) => {
 const steps = ['requestOtp', 'changePassword'] as const
 const step = ref<(typeof steps)[number]>('requestOtp')
 const email = ref('')
-const header = computed(() => lang.value.password.changePassword)
-const passwordChanged = computed(() => lang.value.password.passwordChanged)
-const unprocessableRequest = computed(() => lang.value.unprocessableRequest)
-const checkEmail = computed(() => lang.value.otp.checkEmail)
 
 const requestOtpFormRef = ref<typeof RequestOtpForm>()
 const passwordChangeFormRef = ref<typeof PasswordChangeForm>()
 
-const requestOtpHeader = computed(
-  () => requestOtpFormRef.value?.variables.header || ''
-)
-const passwordChangeHeader = computed(
-  () => passwordChangeFormRef.value?.variables.header || ''
-)
+const requestOtpHeader = computed(() => lang.value.otp.request)
+
+const passwordChangeHeader = computed(() => lang.value.password.changePassword)
+
 const requestOtp: InstanceType<typeof RequestOtpForm>['$props']['onSubmit'] = ({
   email: emittedEmail,
   done
@@ -141,10 +137,6 @@ const changePassword: InstanceType<
 }
 
 const variables = ref({
-  header,
-  passwordChanged,
-  unprocessableRequest,
-  checkEmail,
   steps
 })
 const functions = ref({