@simsustech/quasar-components 0.3.2 → 0.3.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @simsustech/quasar-components
 
+## 0.3.4
+
+### Patch Changes
+
+- 7f5b036: fix(components): await loadLang in GenderSelect
+
+## 0.3.3
+
+### Patch Changes
+
+- e1538f5: fix(components): make genderOptions reactive; fix(components): make booleanOptions reactive
+
 ## 0.3.2
 
 ### Patch Changes

package/dist/form.js

@@ -1,4 +1,4 @@
-import { ref, defineComponent, useAttrs, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, computed, useSlots, renderSlot, createCommentVNode, resolveDirective, createElementVNode, withDirectives, createElementBlock, Fragment } from "vue";
+import { ref, defineComponent, useAttrs, withAsyncContext, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, computed, useSlots, renderSlot, createCommentVNode, resolveDirective, createElementVNode, withDirectives, createElementBlock, Fragment } from "vue";
 import { useQuasar, QSelect, QItem, QItemSection, QItemLabel, QInput, QIcon, QBtn, QDate, QPopupProxy, QEditor } from "quasar";
 const lang$1 = {
   isoName: "en-US",
@@ -73,17 +73,18 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     required: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(__props) {
+  async setup(__props) {
+    let __temp, __restore;
     const props = __props;
     const attrs = useAttrs();
     const lang2 = useLang();
     const $q = useQuasar();
     if (lang2.value.isoName !== $q.lang.isoName)
-      loadLang($q.lang.isoName);
+      [__temp, __restore] = withAsyncContext(() => loadLang($q.lang.isoName)), await __temp, __restore();
     watch($q.lang, (val) => {
       loadLang($q.lang.isoName);
     });
-    const genderOptions = [
+    const genderOptions = ref([
       {
         label: lang2.value.gender.male,
         value: "male"
@@ -96,7 +97,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 +107,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 +418,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 +427,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         label: lang2.value.no,
         value: false
       }
-    ];
+    ]);
     const validations = ref([]);
     if (props.required)
       validations.value.push(
@@ -436,12 +437,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/package.json

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

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

@@ -28,12 +28,12 @@ const attrs = useAttrs()
 const lang = useLang()
 
 const $q = useQuasar()
-if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
+if (lang.value.isoName !== $q.lang.isoName) await loadLang($q.lang.isoName)
 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[]>([])