diff --git a/src/App.vue b/src/App.vue
index 1db0c01..a67480e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,8 +18,7 @@ onMounted(async () => {
if (router.currentRoute.value.hash === '#login-success') {
localStorage.removeItem('redirectPath');
showSnackbar({
- color: 'success',
- title: 'Success',
+ status: 'success',
message: "You're logged in!"
});
}
diff --git a/src/components/ui/Snackbar.vue b/src/components/ui/Snackbar.vue
index 9eb3fad..b72e961 100644
--- a/src/components/ui/Snackbar.vue
+++ b/src/components/ui/Snackbar.vue
@@ -1,11 +1,13 @@
-
+
{{ title }}
{{ message }}
diff --git a/src/composables/useSnackbar.ts b/src/composables/useSnackbar.ts
index 3019189..992bd84 100644
--- a/src/composables/useSnackbar.ts
+++ b/src/composables/useSnackbar.ts
@@ -2,14 +2,12 @@ import { reactive, toRefs } from 'vue';
interface Snackbar {
visible: boolean;
- color: '' | 'error' | 'success';
- title: string;
+ status: '' | 'error' | 'success';
message: string;
}
const snackbar = reactive({
- color: '',
- title: '',
+ status: '',
message: '',
visible: false
});
diff --git a/src/views/LogIn.vue b/src/views/LogIn.vue
index 440dbc9..3960838 100644
--- a/src/views/LogIn.vue
+++ b/src/views/LogIn.vue
@@ -12,8 +12,7 @@ const { showSnackbar } = useSnackbar();
onMounted(() => {
if (route.hash === '#login-error') {
showSnackbar({
- color: 'error',
- title: 'Error',
+ status: 'error',
message: 'Failed to log you in.'
});
}