@simsustech/quasar-components 0.10.3 → 0.10.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.10.3",
+  "version": "0.10.5",
   "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/EmailInput.vue

@@ -8,6 +8,12 @@
   />
   <q-editor
     :model-value="body"
+    :toolbar="[
+      ['left', 'center', 'right', 'justify'],
+      ['bold', 'italic', 'underline', 'strike'],
+      ['undo', 'redo'],
+      ['link']
+    ]"
     @update:model-value="($event) => emit('update:body', $event)"
   />
 </template>

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">