29 lines
578 B
Vue
29 lines
578 B
Vue
<template>
|
|
<user-alert v-if="alertIsVisible" title="Add a User?" @close="hideAlert">
|
|
<p>Do you want to continue with adding a user?</p>
|
|
</user-alert>
|
|
<section>
|
|
<h2>Add a User</h2>
|
|
<button @click="showAlert">Add User</button>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
import UserAlert from './UserAlert.vue';
|
|
import useAlert from '../hooks/alert';
|
|
|
|
export default {
|
|
components: {
|
|
UserAlert
|
|
},
|
|
setup() {
|
|
const [alertIsVisible, showAlert, hideAlert] = useAlert();
|
|
return {
|
|
alertIsVisible,
|
|
showAlert,
|
|
hideAlert
|
|
};
|
|
}
|
|
};
|
|
</script>
|