useResetAlert

• Reinicia el mensaje de alerta de la constante showAlert por una duracion definida en las constantes de showalert

Implementación del Composable:

import { showAlert, message, duration } from "@/constants/showAlert";

export const resetAlert = () => {
  setTimeout(() => {
    showAlert.value = false;
    message.value = "";
  }, duration.value);
};

Ejemplo de uso:

<script setup lang="ts">
import { showAlert, message } from "@/constants/showAlert";
import { resetAlert } from "@/composables/useResetAlert";

watch(
  () => showAlert.value,
  () => {
    if (showAlert.value) {
      resetAlert();
    }
  }
);
</script>