Slide export doesn't handle `v-if` in `global-top` or `global-bottom` based on conditional using `currentPage`, `currentLayout` about slidev

[ani-per]

useNav() is the global navigation API, which is a singleton.

useNav().currentPage is the page displayed in the main area, while $page.value is the page this component is rendered on. (Refer to https://sli.dev/custom/vue-context#page)

If you want to get the current layout, you can use $nav.currentLayout.value.

$page and $nav are available without importing manually. See https://sli.dev/custom/vue-context .

Thank you for the clarification. However, I'm having a few issues when trying to correct based on this information.

• I can't use $page and $nav in global-top/bottom in the conditional without importing from useSlideContext(). I tried without and the conditional failed like before. Is there an exception for root-level files like global-top/bottom?
• Even when I ignore this and use $page and $nav in global-top/bottom imported from useSlideContext() in the conditional, the global top/bottom still did not show up on the exported slides even though they were rendered properly in browser view.

[KermanX]

I can't use $page and $nav in global-top/bottom in the conditional without importing from useSlideContext(). I tried without and the conditional failed like before. Is there an exception for root-level files like global-top/bottom?

After some debugging I found this is because there is a "useSlideContext()" in the source code (even it's commented out), and then Slidev won't inject const { $page, ...} = useSlideContext() automatically in this condition.

• Even when I ignore this and use $page and $nav in global-top/bottom imported from useSlideContext() in the conditional, the global top/bottom still did not show up on the exported slides even though they were rendered properly in browser view.

This is a bug. In print mode, the global-top is rendered before injectionCurrentPage is provided, so the value fallbacks to the global one. I will fix this ASAP.

[KermanX]

useNav() is the global navigation API, which is a singleton.

useNav().currentPage is the page displayed in the main area, while $page.value is the page this component is rendered on. (Refer to https://sli.dev/custom/vue-context#page)

If you want to get the current layout, you can use $nav.currentLayout.value.

$page and $nav are available without importing manually. See https://sli.dev/custom/vue-context .

[ani-per]

I can't use $page and $nav in global-top/bottom in the conditional without importing from useSlideContext(). I tried without and the conditional failed like before. Is there an exception for root-level files like global-top/bottom?

After some debugging I found this is because there is a "useSlideContext()" in the source code (even it's commented out), and then Slidev won't inject const { $page, ...} = useSlideContext() automatically in this condition.

• Even when I ignore this and use $page and $nav in global-top/bottom imported from useSlideContext() in the conditional, the global top/bottom still did not show up on the exported slides even though they were rendered properly in browser view.

This is a bug. In print mode, the global-top is rendered before injectionCurrentPage is provided, so the value fallbacks to the global one. I will fix this ASAP.

Thank you for the very quick response! I really appreciate your help, and I'm glad to have helped identify the bugs.

[KermanX]

I've opened #1492 for this. However, as antfu pointed out in #1492 (comment), #1492 is currently not mergable, and the --per-slide flag as a workaround currently.