[[グローバルレイヤー (Slidev)|グローバルレイヤー]]の[[カスタムコンポーネント (Slidev)|カスタムコンポーネント]]を作成する。
## スライド右上に表示
`global-top.vue`
```html
<template>
<footer class="absolute top-4 right-6 text-xs opacity-60">
{{ $slidev.nav.currentPage }} / {{ $slidev.nav.total }}
</footer>
</template>
```
## スライド右下に表示
`global-bottom.vue`
```html
<template>
<footer class="absolute bottom-4 right-6 text-xs opacity-60">
{{ $slidev.nav.currentPage }} / {{ $slidev.nav.total }}
</footer>
</template>
```