Toast（轻提示） ​

<template>
  <HCard title="图形验证码">
    <VerificationCode ref="codeRef"></VerificationCode>
  </HCard>
  <HButton block @click="getCode">获取验证码</HButton>
</template>
<script lang="ts" setup>
  import { ref, unref } from 'vue';
  import { toast } from 'vue-ghui';
  import type { TVerificationCode } from 'vue-ghui/type';
  const codeRef = ref<TVerificationCode | null>();
  const getCode = () => {
    const code = unref(codeRef)?.getCode();
    toast({
      message: code as string,
    });
  };
</script>

<template>
  <HCard title="图形验证码">
    <VerificationCode ref="codeRef"></VerificationCode>
  </HCard>
  <HButton block @click="getCode">获取验证码</HButton>
</template>
<script lang="ts" setup>
  import { ref, unref } from 'vue';
  import { toast } from 'vue-ghui';
  import type { TVerificationCode } from 'vue-ghui/type';
  const codeRef = ref<TVerificationCode | null>();
  const getCode = () => {
    const code = unref(codeRef)?.getCode();
    toast({
      message: code as string,
    });
  };
</script>