| | |
| | | <template> |
| | | <div> |
| | | <svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle" /> |
| | | </div> |
| | | <div> |
| | | <svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { useFullscreen } from '@vueuse/core' |
| | | |
| | | const { isFullscreen, enter, exit, toggle } = useFullscreen(); |
| | | <script setup lang="ts"> |
| | | const { isFullscreen, toggle } = useFullscreen(); |
| | | </script> |
| | | |
| | | <style lang='scss' scoped> |
| | | <style lang="scss" scoped> |
| | | .screenfull-svg { |
| | | display: inline-block; |
| | | cursor: pointer; |
| | |
| | | height: 20px; |
| | | vertical-align: 10px; |
| | | } |
| | | </style> |
| | | </style> |