29 lines
799 B
Vue
29 lines
799 B
Vue
<template>
|
|
<h4
|
|
:id
|
|
:class="['scroll-m-20 font-semibold text-primary tracking-tight [&:not(:first-child)]:mt-6 mb-2', themeSizeClass]"
|
|
>
|
|
<NuxtLink
|
|
v-if="id && generate"
|
|
:to="`#${id}`"
|
|
>
|
|
<slot />
|
|
</NuxtLink>
|
|
<slot v-else />
|
|
</h4>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { id } = defineProps<{ id?: string }>()
|
|
|
|
const { headings } = useRuntimeConfig().public.mdc
|
|
const generate = computed(() => id && ((typeof headings?.anchorLinks === 'boolean' && headings?.anchorLinks === true) || (typeof headings?.anchorLinks === 'object' && headings?.anchorLinks?.h4)))
|
|
|
|
const { selectedTheme } = useTheme()
|
|
const themeSizeClass = computed(() => {
|
|
return selectedTheme.value === 'classic'
|
|
? 'text-xl lg:text-1xl'
|
|
: 'text-1xl lg:text-2xl'
|
|
})
|
|
</script>
|