✨ (login) notify when token is saved.

src/hooks/useGitHubLogin.hook.ts

@@ -3,6 +3,7 @@ import { computed, ref } from 'vue'
 import { DataType } from '@/data/DataType.enum'
 import { GithubAccessToken } from '@/data/models/GithubAccessToken'
 import { data } from '@/data/data'
+import { confirmMessage } from '@/utils/notif'
 
 const personalAccessTokenId = 'PAT'
 const username = ref<string | null>(null)
@@ -40,6 +41,7 @@ export const useGitHubLogin = () => {
 
     await data.add(personalAccessToken)
     getAccessToken()
+    confirmMessage('token saved!')
   }
 
   return {

src/main.ts

@@ -1,4 +1,5 @@
 import '@/registerServiceWorker'
+import 'notyf/notyf.min.css'
 
 import { createPinia } from 'pinia'
 import App from './App.vue'

src/styles/app.scss

@@ -73,3 +73,7 @@ a {
     }
   }
 }
+
+.notif-success {
+  background-color: $link;
+}

src/utils/notif.ts

@@ -0,0 +1,16 @@
+import { Notyf } from 'notyf'
+
+const notif = new Notyf({
+  types: [
+    {
+      className: 'notif-success',
+      type: 'confirm'
+    }
+  ]
+})
+
+export const confirmMessage = (message: string) =>
+  notif.open({
+    type: 'confirm',
+    message
+  })