tabs-screen.vue 518 B

12345678910111213141516171819
  1. <script lang="ts" setup>
  2. import { IcRoundFitScreen, IcTwotoneFitScreen } from '@vben-core/iconify';
  3. const screen = defineModel<boolean>('screen');
  4. function toggleScreen() {
  5. screen.value = !screen.value;
  6. }
  7. </script>
  8. <template>
  9. <div
  10. class="flex-center hover:bg-accent hover:text-foreground text-muted-foreground border-border h-full cursor-pointer border-l px-2 text-lg font-semibold"
  11. @click="toggleScreen"
  12. >
  13. <IcTwotoneFitScreen v-if="screen" />
  14. <IcRoundFitScreen v-else />
  15. </div>
  16. </template>