Fix tsc errors

This commit is contained in:
SebClem 2024-04-19 17:19:12 +02:00
parent 4bf9e8127f
commit 3b37f9ee47
Signed by: sebclem
GPG Key ID: 5A4308F6A359EA50
6 changed files with 44 additions and 26 deletions

View File

@ -30,7 +30,6 @@ declare module 'vue' {
RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView']
StatusBar: typeof import('./src/components/statusBar/StatusBar.vue')['default']
StatusComponent: typeof import('./src/components/statusBar/StatusComponent.vue')['default']
WebdavConfigForm: typeof import('./src/components/settings/WebdavConfigForm.vue')['default']
WebdavConfigMenu: typeof import('./src/components/settings/WebdavConfigMenu.vue')['default']
}

View File

@ -17,12 +17,13 @@
"roboto-fontface": "*",
"uuid": "^9.0.1",
"vue": "^3.3.0",
"vuetify": "^3.0.0"
"vuetify": "3.5.16"
},
"devDependencies": {
"@babel/types": "^7.23.0",
"@types/luxon": "^3.4.2",
"@types/node": "^20.10.0",
"@types/uuid": "^9.0.8",
"@vitejs/plugin-vue": "^4.5.0",
"@vue/eslint-config-typescript": "^12.0.0",
"cross-env": "^7.0.3",

View File

@ -30,8 +30,8 @@ dependencies:
specifier: ^3.3.0
version: 3.4.19(typescript@5.3.3)
vuetify:
specifier: ^3.0.0
version: 3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
specifier: 3.5.16
version: 3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
devDependencies:
'@babel/types':
@ -43,6 +43,9 @@ devDependencies:
'@types/node':
specifier: ^20.10.0
version: 20.11.19
'@types/uuid':
specifier: ^9.0.8
version: 9.0.8
'@vitejs/plugin-vue':
specifier: ^4.5.0
version: 4.6.2(vite@5.1.3)(vue@3.4.19)
@ -102,7 +105,7 @@ devDependencies:
version: 0.10.0(vite@5.1.3)(vue-router@4.2.5)(vue@3.4.19)
vite-plugin-vuetify:
specifier: ^2.0.0
version: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.4)
version: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.16)
vue-router:
specifier: ^4.2.0
version: 4.2.5(vue@3.4.19)
@ -542,6 +545,10 @@ packages:
resolution: {integrity: sha512-/wdoPq1QqkSj9/QOeKkFquEuPzQbHTWAMPH/PaUMB+JuR31lXhlWXRZ52IpfDYVlDOUBvX09uBrPwxGT1hjNBg==}
dev: true
/@types/uuid@9.0.8:
resolution: {integrity: sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==}
dev: true
/@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.56.0)(typescript@5.3.3):
resolution: {integrity: sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==}
engines: {node: ^16.0.0 || >=18.0.0}
@ -837,7 +844,7 @@ packages:
/@vue/shared@3.4.19:
resolution: {integrity: sha512-/KliRRHMF6LoiThEy+4c1Z4KB/gbPrGjWwJR+crg2otgrf/egKzRaCPvJ51S5oetgsgXLfc4Rm5ZgrKHZrtMSw==}
/@vuetify/loader-shared@2.0.1(vue@3.4.19)(vuetify@3.5.4):
/@vuetify/loader-shared@2.0.1(vue@3.4.19)(vuetify@3.5.16):
resolution: {integrity: sha512-zy5/ohEO7RcJaWYu2Xiy8TBEOkTb42XvWvSAJwXAtY8OlwqyGhzzBp9OvMVjLGIuFXumBpXKlsaVIkeN0OWWSw==}
peerDependencies:
vue: ^3.0.0
@ -845,7 +852,7 @@ packages:
dependencies:
upath: 2.0.1
vue: 3.4.19(typescript@5.3.3)
vuetify: 3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
vuetify: 3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
/acorn-jsx@5.3.2(acorn@8.11.3):
resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
@ -2900,7 +2907,7 @@ packages:
- supports-color
dev: true
/vite-plugin-vuetify@2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.4):
/vite-plugin-vuetify@2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.16):
resolution: {integrity: sha512-GlRVAruohE8b0FqmeYYh1cYg3n8THGOv066uMA44qLv9uhUxSLw55CS7fi2yU0wH363TJ2vq36zUsPTjRFrjGQ==}
engines: {node: ^18.0.0 || >=20.0.0}
peerDependencies:
@ -2908,12 +2915,12 @@ packages:
vue: ^3.0.0
vuetify: ^3.0.0
dependencies:
'@vuetify/loader-shared': 2.0.1(vue@3.4.19)(vuetify@3.5.4)
'@vuetify/loader-shared': 2.0.1(vue@3.4.19)(vuetify@3.5.16)
debug: 4.3.4
upath: 2.0.1
vite: 5.1.3(@types/node@20.11.19)(sass@1.71.0)
vue: 3.4.19(typescript@5.3.3)
vuetify: 3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
vuetify: 3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19)
transitivePeerDependencies:
- supports-color
@ -3029,15 +3036,15 @@ packages:
'@vue/shared': 3.4.19
typescript: 5.3.3
/vuetify@3.5.4(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19):
resolution: {integrity: sha512-fHgfWMI7+z/UtbVPOezX+O1MNBOOMBW9HnKejcBIyQQ7jFRnTHbDQmbINf25FK0wrg/zkjfzyOmWWREKW39eXg==}
/vuetify@3.5.16(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue@3.4.19):
resolution: {integrity: sha512-jyApfATreFMkgjvK0bL7ntZnr+p9TU73+4E3kX6fIvUitdAP9fltG7yj+v3k14HLqZRSNhTL1GhQ95DFx631zw==}
engines: {node: ^12.20 || >=14.13}
peerDependencies:
typescript: '>=4.7'
vite-plugin-vuetify: '>=1.0.0-alpha.12'
vite-plugin-vuetify: '>=1.0.0'
vue: ^3.3.0
vue-i18n: ^9.0.0
webpack-plugin-vuetify: '>=2.0.0-alpha.11'
webpack-plugin-vuetify: '>=2.0.0'
peerDependenciesMeta:
typescript:
optional: true
@ -3049,7 +3056,7 @@ packages:
optional: true
dependencies:
typescript: 5.3.3
vite-plugin-vuetify: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.4)
vite-plugin-vuetify: 2.0.1(vite@5.1.3)(vue@3.4.19)(vuetify@3.5.16)
vue: 3.4.19(typescript@5.3.3)
/webpack-sources@3.2.3:

View File

@ -11,8 +11,12 @@
<v-divider></v-divider>
<v-responsive max-height="350px" class="overflow-y-auto">
<v-list class="py-0">
<v-data-iterator :items="messages" item-value="id" items-per-page="-1">
<template v-slot:default="{ items, isExpanded, toggleExpand}">
<v-data-iterator
:items="messages"
item-value="id"
items-per-page="-1"
>
<template v-slot:default="{ items, isExpanded, toggleExpand }">
<template v-for="(item, index) in items" :key="item.raw.id">
<v-divider v-if="index != 0"></v-divider>
<v-list-item :class="{ 'bg-brown-darken-4': !item.raw.viewed }">
@ -32,11 +36,15 @@
variant="text"
icon
color="secondary"
@click="toggleExpand(item)"
@click="toggleExpand(item as any)"
size="small"
>
<v-icon>
{{ isExpanded(item) ? "mdi-chevron-up" : "mdi-information" }}
{{
isExpanded(item as any)
? "mdi-chevron-up"
: "mdi-information"
}}
</v-icon>
</v-btn>
<v-scroll-x-transition>
@ -58,9 +66,13 @@
</template>
</v-list-item>
<v-expand-transition v-if="item.raw.detail">
<div v-if="isExpanded(item)">
<div v-if="isExpanded(item as any)">
<v-divider class="mx-3"></v-divider>
<v-card class="mx-3 my-2" variant="outlined" color="secondary">
<v-card
class="mx-3 my-2"
variant="outlined"
color="secondary"
>
<v-card-text>
{{ item.raw.detail }}
</v-card-text>
@ -70,7 +82,6 @@
</template>
</template>
</v-data-iterator>
</v-list>
</v-responsive>
</v-sheet>
@ -160,13 +171,13 @@ function markReaded(id: string) {
});
}
function markAllReaded(){
function markAllReaded() {
messageService.markAllRead().then((value) => {
messages.value = value;
})
});
}
onBeforeUnmount(() => {
clearInterval(interval);
});
</script>
</script>

View File

@ -14,7 +14,7 @@ export const useAlertStore = defineStore("alert", () => {
const alert: Alert = {
id: uuidv4(),
timeOut: ref(timeOutValue.value),
interval: setInterval(() => {
interval: window.setInterval(() => {
timeout(alert);
}, 50),
type: type,