fix(components): fix vue generics

Author: stefanvanherwijnen

.changeset/lucky-clocks-obey.md

@@ -0,0 +1,5 @@
+---
+"@simsustech/quasar-components": patch
+---
+
+fix(components): fix vue generics

packages/components/package.json

@@ -57,36 +57,36 @@
   },
   "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"
   }
 }

packages/components/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

packages/components/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<{

packages/dev/package.json

@@ -13,22 +13,22 @@
   },
   "author": "simsustech",
   "dependencies": {
-    "@fastify/static": "^7.0.3",
-    "@quasar/extras": "^1.16.11",
-    "@simsustech/quasar-components": "^0.10.0",
-    "fastify": "^4.26.2",
-    "fastify-plugin": "^4.5.1",
-    "quasar": "^2.15.2",
-    "vue": "^3.4.23",
-    "vue-router": "^4.3.2"
+    "@fastify/static": "^8.0.1",
+    "@quasar/extras": "^1.16.12",
+    "@simsustech/quasar-components": "^0.10.4",
+    "fastify": "^5.0.0",
+    "fastify-plugin": "^5.0.1",
+    "quasar": "^2.17.0",
+    "vue": "^3.5.11",
+    "vue-router": "^4.4.5"
   },
   "devDependencies": {
-    "@types/node": "^20.12.7",
-    "@vue/server-renderer": "^3.4.23",
-    "critters": "^0.0.22",
+    "@types/node": "^22.7.5",
+    "@vue/server-renderer": "^3.5.11",
+    "critters": "^0.0.24",
     "devcert": "^1.2.2",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.9",
-    "vitrify": "^0.14.4"
+    "typescript": "^5.6.3",
+    "vite": "^5.4.8",
+    "vitrify": "^0.16.0"
   }
 }