| 1 | <template> |
| 2 | <button |
| 3 | class="hidden cursor-pointer items-center justify-center lg:flex" |
| 4 | alt="fullscreen-switch" |
| 5 | aria-label="fullscreen-switch" |
| 6 | @click="toggle()" |
| 7 | > |
| 8 | <Icon v-if="isFullscreen" :size="20" :name="CloseIcon" /> |
| 9 | <Icon v-else :size="20" :name="OpenIcon" /> |
| 10 | </button> |
| 11 | </template> |
| 12 | |
| 13 | <script lang="ts" setup> |
| 14 | import Icon from "@/components/common/Icon.vue" |
| 15 | import { useFullscreenSwitch } from "@/composables/useFullscreenSwitch" |
| 16 | |
| 17 | const { isFullscreen, toggle } = useFullscreenSwitch() |
| 18 | const OpenIcon = "fluent:full-screen-maximize-24-regular" |
| 19 | const CloseIcon = "fluent:full-screen-minimize-24-regular" |
| 20 | </script> |