fix dialog title

This commit is contained in:
Gauthier Roebroeck 2025-10-24 12:11:22 +08:00
parent 7aa2c67701
commit 482decb511
4 changed files with 21 additions and 19 deletions

View file

@ -5,7 +5,7 @@
:fullscreen="fullscreen" :fullscreen="fullscreen"
:transition="fullscreen ? 'dialog-bottom-transition' : undefined" :transition="fullscreen ? 'dialog-bottom-transition' : undefined"
max-width="600px" max-width="600px"
:aria-label="$formatMessage(titleMessage)" :aria-label="dialogTitle"
@after-leave="reset()" @after-leave="reset()"
> >
<template #default="{ isActive }"> <template #default="{ isActive }">
@ -14,7 +14,7 @@
@submit.prevent="generateApiKey()" @submit.prevent="generateApiKey()"
> >
<v-card <v-card
:title="$formatMessage(titleMessage)" :title="dialogTitle"
:loading="isLoading" :loading="isLoading"
> >
<v-card-text> <v-card-text>
@ -188,9 +188,9 @@ function reset() {
creationError.value = '' creationError.value = ''
} }
const titleMessage = { const dialogTitle = intl.formatMessage({
description: 'Generate API key dialog: title', description: 'Generate API key dialog: title',
defaultMessage: 'Generate new API key', defaultMessage: 'Generate new API key',
id: 'ycrpqO', id: 'ycrpqO',
} })
</script> </script>

View file

@ -6,11 +6,11 @@
:transition="fullscreen ? 'dialog-bottom-transition' : undefined" :transition="fullscreen ? 'dialog-bottom-transition' : undefined"
max-width="600px" max-width="600px"
scrollable scrollable
:aria-label="$formatMessage(titleMessage)" :aria-label="dialogTitle"
@after-leave="reset()" @after-leave="reset()"
> >
<template #default="{ isActive }"> <template #default="{ isActive }">
<v-card :title="$formatMessage(titleMessage)"> <v-card :title="dialogTitle">
<template #append> <template #append>
<v-icon <v-icon
icon="i-mdi:close" icon="i-mdi:close"
@ -133,11 +133,11 @@ function reset() {
filterRef.value = filter filterRef.value = filter
} }
const titleMessage = { const dialogTitle = intl.formatMessage({
description: 'Book picker dialog: title', description: 'Book picker dialog: title',
defaultMessage: 'Select book', defaultMessage: 'Select book',
id: 'ycrpqO', id: 'SZHxy4',
} })
function filterFn( function filterFn(
value: string, value: string,

View file

@ -6,11 +6,11 @@
scrollable scrollable
:transition="fullscreen ? 'dialog-bottom-transition' : undefined" :transition="fullscreen ? 'dialog-bottom-transition' : undefined"
max-width="600px" max-width="600px"
:aria-label="$formatMessage(titleMessage)" :aria-label="dialogTitle"
@after-leave="reset()" @after-leave="reset()"
> >
<template #default="{ isActive }"> <template #default="{ isActive }">
<v-card :title="$formatMessage(titleMessage)"> <v-card :title="dialogTitle">
<template #append> <template #append>
<v-icon <v-icon
icon="i-mdi:close" icon="i-mdi:close"
@ -165,11 +165,11 @@ function reset() {
newName.value = existingName newName.value = existingName
} }
const titleMessage = { const dialogTitle = intl.formatMessage({
description: 'Filename picker dialog: title', description: 'Filename picker dialog: title',
defaultMessage: 'Destination filename', defaultMessage: 'Destination filename',
id: 'ycrpqO', id: '3Pm2PO',
} })
const bookTableHeaders = [ const bookTableHeaders = [
{ {

View file

@ -5,11 +5,11 @@
:fullscreen="fullscreen" :fullscreen="fullscreen"
:transition="fullscreen ? 'dialog-bottom-transition' : undefined" :transition="fullscreen ? 'dialog-bottom-transition' : undefined"
max-width="600px" max-width="600px"
:aria-label="$formatMessage(titleMessage)" :aria-label="dialogTitle"
@after-leave="reset()" @after-leave="reset()"
> >
<template #default="{ isActive }"> <template #default="{ isActive }">
<v-card :title="$formatMessage(titleMessage)"> <v-card :title="dialogTitle">
<template #append> <template #append>
<v-icon <v-icon
icon="i-mdi:close" icon="i-mdi:close"
@ -113,8 +113,10 @@ import { seriesThumbnailUrl } from '@/api/images'
import { refDebounced } from '@vueuse/core' import { refDebounced } from '@vueuse/core'
import { useLibraries } from '@/colada/libraries' import { useLibraries } from '@/colada/libraries'
import { PageRequest } from '@/types/PageRequest' import { PageRequest } from '@/types/PageRequest'
import { useIntl } from 'vue-intl'
const showDialog = defineModel<boolean>('dialog', { required: false }) const showDialog = defineModel<boolean>('dialog', { required: false })
const intl = useIntl()
const { const {
includeOneShots = true, includeOneShots = true,
@ -173,10 +175,10 @@ function reset() {
searchStringRef.value = searchString searchStringRef.value = searchString
} }
const titleMessage = { const dialogTitle = intl.formatMessage({
description: 'Series picker dialog: title', description: 'Series picker dialog: title',
defaultMessage: 'Select series', defaultMessage: 'Select series',
id: 'ycrpqO', id: 'SIfmpC',
} })
</script> </script>
<script setup lang="ts"></script> <script setup lang="ts"></script>