46 lines
1.1 KiB
Vue
46 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { t } from '@/i18n'
|
|
|
|
defineProps<{ pending?: boolean }>()
|
|
|
|
const emit = defineEmits<{ create: []; dismiss: [] }>()
|
|
</script>
|
|
|
|
<template>
|
|
<UAlert
|
|
data-testid="author-hint"
|
|
color="info"
|
|
variant="soft"
|
|
icon="i-lucide-info"
|
|
:title="t('You don\'t have an author profile yet')"
|
|
:description="t('Create one to be credited on your articles.')"
|
|
:close="{
|
|
'aria-label': t('Dismiss'),
|
|
class: 'size-11 justify-center lg:size-6',
|
|
ui: { leadingIcon: 'size-3.5' },
|
|
}"
|
|
:ui="{
|
|
root: 'items-start gap-2.5 p-3',
|
|
title: 'font-semibold',
|
|
description: 'text-toned',
|
|
close: 'static -mt-1 -mr-1 lg:-mt-1 lg:-mr-1',
|
|
}"
|
|
@update:open="emit('dismiss')"
|
|
>
|
|
<template #actions>
|
|
<UButton
|
|
color="neutral"
|
|
variant="outline"
|
|
icon="i-lucide-feather"
|
|
:loading="pending"
|
|
:disabled="pending"
|
|
class="h-11 border border-accented bg-default px-2.5 text-xs text-highlighted ring-0 lg:h-7"
|
|
:ui="{ leadingIcon: 'size-3.5' }"
|
|
@click="emit('create')"
|
|
>
|
|
{{ t('Create my author profile') }}
|
|
</UButton>
|
|
</template>
|
|
</UAlert>
|
|
</template>
|