31 lines
821 B
Vue
31 lines
821 B
Vue
<script setup lang="ts">
|
|
import { t } from '@/i18n'
|
|
|
|
const emit = defineEmits<{ create: [] }>()
|
|
</script>
|
|
|
|
<template>
|
|
<UEmpty
|
|
variant="naked"
|
|
icon="i-lucide-shapes"
|
|
:title="t('No content types yet')"
|
|
:description="
|
|
t(
|
|
'Create a content type to manage your own kind of content, like events or recipes. The built-in types stay as they are.',
|
|
)
|
|
"
|
|
:ui="{
|
|
root: 'gap-3 border border-default bg-default px-6 py-10 sm:px-6 sm:py-10 lg:px-6 lg:py-10',
|
|
avatar: 'mb-0 size-11 rounded-none bg-elevated text-toned',
|
|
title: 'text-md/7 font-semibold',
|
|
description: 'max-w-90 text-muted text-pretty',
|
|
}"
|
|
>
|
|
<template #actions>
|
|
<UButton icon="i-lucide-plus" class="h-8 px-4 max-md:h-11" @click="emit('create')">
|
|
{{ t('New content type') }}
|
|
</UButton>
|
|
</template>
|
|
</UEmpty>
|
|
</template>
|