@simsustech/quasar-components 0.10.4 → 0.10.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.10.4",
+  "version": "0.10.6",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",
@@ -46,37 +46,37 @@
   },
   "bugs": "https://github.com/simsusech/quasar-components/issues",
   "dependencies": {
-    "validator": "^13.11.0"
+    "validator": "^13.12.0"
   },
   "peerDependencies": {
     "quasar": "^2.15.2"
   },
   "devDependencies": {
-    "@types/node": "^20.12.7",
-    "@types/validator": "^13.11.9",
-    "@types/ws": "^8.5.10",
-    "@typescript-eslint/eslint-plugin": "^7.7.0",
-    "@typescript-eslint/parser": "^7.7.0",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/server-renderer": "^3.4.23",
-    "eslint": "^9.0.0",
+    "@types/node": "^22.7.5",
+    "@types/validator": "^13.12.2",
+    "@types/ws": "^8.5.12",
+    "@typescript-eslint/eslint-plugin": "^8.8.1",
+    "@typescript-eslint/parser": "^8.8.1",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "@vue/server-renderer": "^3.5.11",
+    "eslint": "^9.12.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-prettier-vue": "^5.0.0",
-    "eslint-plugin-vue": "^9.25.0",
-    "glob": "^10.3.12",
+    "eslint-plugin-vue": "^9.28.0",
+    "glob": "^11.0.0",
     "local-pkg": "^0.5.0",
-    "prettier": "^3.2.5",
-    "quasar": "^2.15.2",
-    "rimraf": "^5.0.5",
-    "typescript": "^5.4.5",
-    "typescript-eslint": "^7.7.0",
-    "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.2.9",
-    "vue": "^3.4.23",
-    "vue-eslint-parser": "^9.4.2",
-    "vue-router": "^4.3.2",
-    "vue-tsc": "^2.0.13"
+    "prettier": "^3.3.3",
+    "quasar": "^2.17.0",
+    "rimraf": "^6.0.1",
+    "typescript": "^5.6.3",
+    "typescript-eslint": "^8.8.1",
+    "unplugin-vue-components": "^0.27.4",
+    "vite": "^5.4.8",
+    "vue": "^3.5.11",
+    "vue-eslint-parser": "^9.4.3",
+    "vue-router": "^4.4.5",
+    "vue-tsc": "^2.1.6"
   },
   "scripts": {
     "build:plugin": "vite build",

package/src/ui/authentication/AccountsTable.vue

@@ -110,25 +110,24 @@ export interface Account {
   roles: string[]
 }
 
-interface Pagination {
+export interface Pagination {
   limit: number
   offset: number
   sortBy: keyof Account
   descending: boolean
 }
 
-interface Criteria {
+export interface Criteria {
   roles: string[]
 }
-interface Props {
+
+const props = defineProps<{
   modelValue: T[]
   count: number
   pagination: Pagination
   mappedRoles: Record<string, string> // value: label
   columns?: QTableColumn[]
-}
-
-const props = defineProps<Props>()
+}>()
 
 const emit = defineEmits<{
   (e: 'update:pagination', pagination: Pagination): void

package/src/ui/form/DateInput.vue

@@ -15,7 +15,7 @@
         v-bind="dateProps[part]"
       >
         <template #after>
-          <a v-if="index < 2" style="margin-left: -0.5em; margin-top: 0.75em"
+          <a v-if="index < 2" style="margin-left: -0.75em; margin-top: 0.75em"
             >-</a
           >
         </template>
@@ -187,7 +187,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
     placeholder: lang.value.datePicker.YYYY,
     style: 'width: 7ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: format.value === 'YYYY-MM-DD' ? '-' : undefined,
-    class: format.value !== 'YYYY-MM-DD' ? 'q-mb-none q-ml-xs' : undefined,
+    class: format.value !== 'YYYY-MM-DD' ? 'q-mb-none q-ml-none' : undefined,
     'onUpdate:modelValue': setYear,
     onKeydown: goToNextElement
   },
@@ -196,7 +196,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
     placeholder: lang.value.datePicker.MM,
     style: 'width: 6ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: '-',
-    class: 'q-ml-xs',
+    class: 'q-ml-none',
     'onUpdate:modelValue': setMonth,
     onKeydown: goToNextElement
   },
@@ -205,7 +205,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
     placeholder: lang.value.datePicker.DD,
     style: 'width: 6ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: format.value === 'DD-MM-YYYY' ? '-' : undefined,
-    class: format.value === 'YYYY-MM-DD' ? 'q-ml-xs' : undefined,
+    class: format.value === 'YYYY-MM-DD' ? 'q-ml-none' : undefined,
     'onUpdate:modelValue': setDay,
     onKeydown: goToNextElement
   }

package/src/ui/form/FilteredModelSelect.vue

@@ -19,18 +19,12 @@
     @update:model-value="$emit('update:model-value', $event)"
   >
     <template #hint> {{ hint }} </template>
-    <template v-for="(_, slot) in $slots" v-slot:[slot]="scope">
+    <template v-for="(_, slot) in $slots" #[slot]="scope">
       <slot :name="slot" v-bind="scope || {}" />
     </template>
   </q-select>
 </template>
 
-<script lang="ts">
-export default {
-  name: 'FilteredModelSelect'
-}
-</script>
-
 <script
   setup
   lang="ts"
@@ -40,7 +34,7 @@ import { QSelect } from 'quasar'
 import { computed, ref, toRefs, useAttrs, watch } from 'vue'
 import { useLang } from './lang/index.js'
 
-interface Props {
+const props = defineProps<{
   modelValue?: number | number[] | null
   labelKey: string
   labelFunction?: (option: unknown) => string
@@ -52,8 +46,7 @@ interface Props {
   multiple?: boolean
   label?: string
   hint?: string
-}
-const props = defineProps<Props>()
+}>()
 const attrs = useAttrs()
 
 const emit = defineEmits<{
@@ -120,7 +113,7 @@ const selectedIds = computed(() => {
   return []
 })
 
-const filterFn: QSelect['$props']['onFilter'] = (val, update, abort) => {
+const filterFn: QSelect['$props']['onFilter'] = (val, update) => {
   if (!onFilter.value) update(() => {})
   emit('filter', {
     ids: selectedIds.value,

package/src/ui/form/FormInput.vue

@@ -7,7 +7,11 @@
       required ? '*' : ''
     }`"
     @update:model-value="$emit('update:modelValue', $event)"
-  ></q-input>
+  >
+    <template v-for="(_, slot) in $slots" #[slot]="scope">
+      <slot :name="slot" v-bind="scope || {}" />
+    </template>
+  </q-input>
 </template>
 
 <script setup lang="ts">