SignOut.vue 775 B

12345678910111213141516171819202122232425262728293031
  1. <script setup lang="ts">
  2. import { useDialog } from 'naive-ui'
  3. import { ButtonAnimation } from '@/components'
  4. import { useComponentModifier } from '@/composable/comp/useComponentModifier'
  5. import { useUserStore } from '@/stores/user'
  6. const userStore = useUserStore()
  7. const dialog = useDialog()
  8. const { getModalModifier } = useComponentModifier()
  9. const onSignout = () => {
  10. dialog.info({
  11. ...getModalModifier(),
  12. title: '退出登录',
  13. content: '确定要退出登录吗?',
  14. positiveText: '确定',
  15. negativeText: '取消',
  16. onPositiveClick: onConfirm,
  17. })
  18. }
  19. const onConfirm = () => {
  20. userStore.cleanup()
  21. }
  22. </script>
  23. <template>
  24. <ButtonAnimation @click="onSignout">
  25. <span class="iconify size-5 ph--sign-out" />
  26. </ButtonAnimation>
  27. </template>