fix(FilteredModelSelect): fix fetching of missing modelValue id

simsustech · Jun 3, 2024 · 0bb7339 · 0bb7339
1 parent 0347095
commit 0bb7339
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 10 deletions.
diff --git a/.changeset/twelve-insects-peel.md b/.changeset/twelve-insects-peel.md
@@ -0,0 +1,5 @@
+---
+"@simsustech/quasar-components": patch
+---
+
+fix(FilteredModelSelect): fix fetching of missing modelValue id
diff --git a/packages/components/src/ui/form/FilteredModelSelect.vue b/packages/components/src/ui/form/FilteredModelSelect.vue
@@ -37,7 +37,7 @@ export default {
   generic="T extends { id: number; [key: string]: unknown }"
 >
 import { QSelect } from 'quasar'
-import { computed, ref, toRefs, useAttrs, watch, onMounted } from 'vue'
+import { computed, ref, toRefs, useAttrs, watch } from 'vue'
 import { useLang } from './lang/index.js'
 
 interface Props {
@@ -132,20 +132,20 @@ const filterFn: QSelect['$props']['onFilter'] = (val, update, abort) => {
 const selectRef = ref<QSelect>()
 
 watch(modelValue, () => {
-  if (!options.value.length)
+  if (!options.value?.find((val) => val.value === modelValue.value))
     emit('filter', {
       ids: selectedIds.value,
       searchPhrase: '',
       done: () => {}
     })
 })
 
-onMounted(() => {
-  if (!options.value.length)
-    emit('filter', {
-      ids: selectedIds.value,
-      searchPhrase: '',
-      done: () => {}
-    })
-})
+// onMounted(() => {
+//   if (!options.value?.find((val) => val.value === modelValue.value))
+//     emit('filter', {
+//       ids: selectedIds.value,
+//       searchPhrase: '',
+//       done: () => {}
+//     })
+// })
 </script>