vue3 电脑全屏设置

<script setup>
import {
  ArrowDown,
  ArrowRightBold,
  ArrowLeftBold,
  Fold,
  Expand,
  Refresh,
  ZoomIn,
  ZoomOut
} from '@element-plus/icons-vue'
import { ref } from 'vue'
import { useRoute } from 'vue-router'
import useHomeStore from '../../stores/modules/home'
let homeStore = useHomeStore()

const clickIsCollapse = () => {
  homeStore.isCollapseFun()
}
let $route = useRoute()
console.log($route)
const clickRefreshFun = () => {
  homeStore.isRefresh()
}
let fullscreen = ref(false)
const clickZoomFun = () => {
  const full = document.fullscreenElement
  console.log(full)
  if (!full) {
    fullscreen.value = true
    document.documentElement.requestFullscreen()
  }