43 lines
1.7 KiB
TypeScript
43 lines
1.7 KiB
TypeScript
import { ref, computed } from 'vue'
|
|
import { defineStore } from 'pinia'
|
|
import { dispatchNotification } from '@/components/Notification'
|
|
import router from '@/router'
|
|
|
|
export const useAuthStore = defineStore('auth', () => {
|
|
// token from localStorage
|
|
const token = ref(localStorage.getItem('token') || '')
|
|
// create a shared state
|
|
const username = ref('')
|
|
const password = ref('')
|
|
const isLoading = ref(false)
|
|
const isLoggedIn = computed(() => token.value !== '')
|
|
|
|
// define your actions
|
|
function login() {
|
|
if (username.value == '' || password.value == '') {
|
|
dispatchNotification({ title: 'Perhatian', content: 'Username atau password tidak boleh kosong', type: 'warning' })
|
|
} else {
|
|
isLoading.value = true
|
|
setTimeout(() => {
|
|
isLoading.value = false
|
|
if (username.value == 'demo' && password.value == 'demo') {
|
|
// store token in localStorage
|
|
localStorage.setItem('token', 'secret-token')
|
|
dispatchNotification({ title: 'Berhasil', content: 'Login berhasil, selamat datang kembali!', type: 'success' })
|
|
// redirect to home page after login
|
|
// router.replace('/')
|
|
router.go(0)
|
|
} else {
|
|
dispatchNotification({ title: 'Login Gagal', content: 'Username atau password salah', type: 'error' })
|
|
}
|
|
}, 3000)
|
|
}
|
|
}
|
|
|
|
function logout() {
|
|
localStorage.removeItem('token')
|
|
}
|
|
|
|
// expose everything
|
|
return { token, username, password, isLoggedIn, login, logout, isLoading }
|
|
}) |