how to access the front matter for the current slide

[gureckis]

I have read the docs on vue context but it is still a little unclear to me how i can access the front matter of a particular slide. for instance in global-top.vue i might want to show/hide information based on a front matter config

showlogo: false

then in global-top.vue

<div v-if='currentslide.frontmatter.showlogo'></div>

Is this possible? I only see the front matter for the first slide. Thanks!!

[gureckis]

found it! $slidev.nav.slides[$slidev.nav.currentPage].meta.slide.frontmatter

[KermanX]

$frontmatter in fact

[gureckis]

hmmm... $frontmatter currently evaluates as an null object for me

e.g., here's my global-top.vue with the default project/theme (which has a lot of front matter for the first and subsequent slides)

<script setup>
import { onMounted} from 'vue'
import { useSlideContext } from '@slidev/client'
const { $frontmatter } = useSlideContext()

onMounted(() => {
  console.log($frontmatter)
})

</script>

output is {} (this is v0-.49.11)

[KermanX]

Sorry for the ambiguities in my answer. Global layers like global-top.vue, like its name, is global, which doesn't specify to one slide. About using slide-top.vue which applies to each slide instead? The usage of Slide layers is the same as Global layers, except for the file name.

[gureckis]

I finally got around to checking into this. Even in slide-bottom.vue $frontmatter is empty for me in 0.49.13

<script setup>
import { ref, onMounted } from 'vue'
import { useSlideContext } from '@slidev/client'
const { $slidev, $frontmatter, $page } = useSlideContext()

console.log($frontmatter)
onMounted(() => {console.log($frontmatter)})
</script>

[gureckis]

possibly this line is a typo (fontmatter instead of frontmatter)... there are several references to 'fontmatter' in the code that might be typos.

slidev/packages/client/constants.ts

Line 14 in e2640ee

export const injectionFrontmatter = '$$slidev-fontmatter' as unknown as InjectionKey<Record<string, any>>

[KermanX]

My bad. This is a bug (not only the typo). Sorry for the misleading message😭