diff --git a/src/client/theme-default/components/VPSidebarItem.vue b/src/client/theme-default/components/VPSidebarItem.vue index e1de7edf..31ce2dd9 100644 --- a/src/client/theme-default/components/VPSidebarItem.vue +++ b/src/client/theme-default/components/VPSidebarItem.vue @@ -20,17 +20,19 @@ const { toggle } = useSidebarControl(computed(() => props.item)) -const sectionTag = computed(() => hasChildren.value ? 'section' : `div`) +const sectionTag = computed(() => (hasChildren.value ? 'section' : `div`)) -const linkTag = computed(() => isLink.value ? 'a' : 'div') +const linkTag = computed(() => (isLink.value ? 'a' : 'div')) const textTag = computed(() => { return !hasChildren.value ? 'p' - : props.depth + 2 === 7 ? 'p' : `h${props.depth + 2}` + : props.depth + 2 === 7 + ? 'p' + : `h${props.depth + 2}` }) -const itemRole = computed(() => isLink.value ? undefined : 'button') +const itemRole = computed(() => (isLink.value ? undefined : 'button')) const classes = computed(() => [ [`level-${props.depth}`], @@ -55,20 +57,33 @@ function onCaretClick() {