bert.hausmans
1cb7674d52
- Update API: events, users, policies, routes, resources, migrations - Remove deprecated models/resources (customers, setlists, invitations, etc.) - Refresh admin app and docs; remove apps/band Made-with: Cursor
38 lines
1.1 KiB
Vue
38 lines
1.1 KiB
Vue
<script lang="ts" setup>
|
|
import { layoutConfig } from '@layouts'
|
|
import { can } from '@layouts/plugins/casl'
|
|
import { useLayoutConfigStore } from '@layouts/stores/config'
|
|
import type { NavSectionTitle } from '@layouts/types'
|
|
import { getDynamicI18nProps } from '@layouts/utils'
|
|
|
|
defineProps<{
|
|
item: NavSectionTitle
|
|
}>()
|
|
|
|
const configStore = useLayoutConfigStore()
|
|
const shallRenderIcon = configStore.isVerticalNavMini()
|
|
</script>
|
|
|
|
<template>
|
|
<li
|
|
v-if="can(item.action, item.subject)"
|
|
class="nav-section-title"
|
|
>
|
|
<div class="title-wrapper">
|
|
<Transition
|
|
name="vertical-nav-section-title"
|
|
mode="out-in"
|
|
>
|
|
<Component
|
|
:is="shallRenderIcon ? layoutConfig.app.iconRenderer : layoutConfig.app.i18n.enable ? 'i18n-t' : 'span'"
|
|
:key="shallRenderIcon"
|
|
:class="shallRenderIcon ? 'placeholder-icon' : 'title-text'"
|
|
v-bind="{ ...layoutConfig.icons.sectionTitlePlaceholder, ...getDynamicI18nProps(item.heading, 'span') }"
|
|
>
|
|
{{ !shallRenderIcon ? item.heading : null }}
|
|
</Component>
|
|
</Transition>
|
|
</div>
|
|
</li>
|
|
</template>
|