@simsustech/quasar-components 0.3.1 → 0.3.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @simsustech/quasar-components
 
+## 0.3.3
+
+### Patch Changes
+
+- e1538f5: fix(components): make genderOptions reactive; fix(components): make booleanOptions reactive
+
+## 0.3.2
+
+### Patch Changes
+
+- cb84832: fix(components): LoginComponent: set text color of password forgot and create account buttons to primary
+
 ## 0.3.1
 
 ### Patch Changes

package/dist/authentication.js

@@ -1104,7 +1104,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           }, 16, ["modelValue", "type", "label", "rules"]),
           __props.passwordForgotUrl ? (openBlock(), createBlock(_component_q_btn, {
             key: 2,
-            class: "q-pt-none",
+            class: "q-pt-none text-primary",
             label: unref(lang2).login.forgotPassword,
             size: "sm",
             flat: "",

package/dist/form.js

@@ -42,7 +42,7 @@ const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
 const lang = ref(lang$1);
 const locales = /* @__PURE__ */ Object.assign({
   "./en-US.ts": () => Promise.resolve().then(() => enUS),
-  "./nl.ts": () => import("./nl-ea9ab282.js")
+  "./nl.ts": () => import("./nl-a44ac91a.js")
 });
 const useLang = () => {
   return lang;
@@ -83,7 +83,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     watch($q.lang, (val) => {
       loadLang($q.lang.isoName);
     });
-    const genderOptions = [
+    const genderOptions = ref([
       {
         label: lang2.value.gender.male,
         value: "male"
@@ -96,7 +96,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         label: lang2.value.gender.other,
         value: "other"
       }
-    ];
+    ]);
     const validations = ref([]);
     if (props.required)
       validations.value.push(
@@ -106,12 +106,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
         rules: validations.value,
         "model-value": __props.modelValue,
-        options: genderOptions,
+        options: genderOptions.value,
         label: `${unref(lang2).gender.gender}${__props.required ? "*" : ""}`,
         "emit-value": "",
         "map-options": "",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-      }), null, 16, ["rules", "model-value", "label"]);
+      }), null, 16, ["rules", "model-value", "options", "label"]);
     };
   }
 });
@@ -417,7 +417,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     watch($q.lang, (val) => {
       loadLang($q.lang.isoName);
     });
-    const booleanOptions = [
+    const booleanOptions = ref([
       {
         label: lang2.value.yes,
         value: true
@@ -426,7 +426,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         label: lang2.value.no,
         value: false
       }
-    ];
+    ]);
     const validations = ref([]);
     if (props.required)
       validations.value.push(
@@ -436,12 +436,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
         rules: validations.value,
         "model-value": __props.modelValue,
-        options: booleanOptions,
+        options: booleanOptions.value,
         label: `${__props.label}${__props.required ? "*" : ""}`,
         "emit-value": "",
         "map-options": "",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-      }), null, 16, ["rules", "model-value", "label"]);
+      }), null, 16, ["rules", "model-value", "options", "label"]);
     };
   }
 });

package/dist/{nl-ea9ab282.js → nl-a44ac91a.js}

@@ -22,8 +22,8 @@ const lang = {
   },
   gender: {
     gender: "Geslacht",
-    male: "Man",
-    female: "Vrouw",
+    male: "Mannelijk",
+    female: "Vrouwelijk",
     other: "Anders"
   },
   postalCode: {

package/package.json

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

package/src/ui/authentication/LoginForm.vue

@@ -49,7 +49,7 @@
     </q-input>
     <q-btn
       v-if="passwordForgotUrl"
-      class="q-pt-none"
+      class="q-pt-none text-primary"
       :label="lang.login.forgotPassword"
       size="sm"
       flat

package/src/ui/form/BooleanSelect.vue

@@ -33,7 +33,7 @@ watch($q.lang, (val) => {
   loadLang($q.lang.isoName)
 })
 
-const booleanOptions = [
+const booleanOptions = ref([
   {
     label: lang.value.yes,
     value: true
@@ -42,7 +42,7 @@ const booleanOptions = [
     label: lang.value.no,
     value: false
   }
-]
+])
 
 const validations = ref<ValidationRule[]>([])
 

package/src/ui/form/GenderSelect.vue

@@ -33,7 +33,7 @@ watch($q.lang, (val) => {
   loadLang($q.lang.isoName)
 })
 
-const genderOptions = [
+const genderOptions = ref([
   {
     label: lang.value.gender.male,
     value: 'male'
@@ -46,7 +46,7 @@ const genderOptions = [
     label: lang.value.gender.other,
     value: 'other'
   }
-]
+])
 
 const validations = ref<ValidationRule[]>([])
 

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

@@ -24,8 +24,8 @@ const lang: Language = {
   },
   gender: {
     gender: 'Geslacht',
-    male: 'Man',
-    female: 'Vrouw',
+    male: 'Mannelijk',
+    female: 'Vrouwelijk',
     other: 'Anders'
   },
   postalCode: {