Make the visibility of the Alert indirect

This commit is contained in:
Matthew Raymer
2023-07-04 19:26:05 +08:00
parent 0fd4b86a84
commit c24022c41c

View File

@@ -18,15 +18,15 @@ import { Component, Prop, Vue } from "vue-facing-decorator";
export default class AlertMessage extends Vue {
@Prop alertTitle = "";
@Prop alertMessage = "";
isAlertVisible = this.alertMessage;
public onClickClose() {
this.alertTitle = "";
this.alertMessage = "";
this.isAlertVisible = false;
}
public computedAlertClassNames() {
return {
hidden: !this.alertMessage,
hidden: !this.isAlertVisible,
"dismissable-alert": true,
"bg-slate-100": true,
"p-5": true,