import {createRouter, createMemoryHistory} from 'vue-router';
import { useStorage } from '@vueuse/core'

import MainView from '../views/MainView.vue';
import AboutView from '../views/AboutView.vue';
import AddAccountView from '../views/AddAccountView.vue';
import DeleteAccountView from '../views/DeleteAccountView.vue';

const accounts = useStorage('sake-accounts', []);
const router = createRouter({
	history: createMemoryHistory(),
	routes: [
		{
			path: '/',
			name: 'main',
			component: MainView,
			beforeEnter: (to, from) => {
				if (!accounts.value.length) {
					return '/add-account';
				}
			}
		},
		{
			path: '/about',
			name: 'about',
			component: AboutView
		},
		{
			path: '/add-account',
			name: 'add-account',
			component: AddAccountView
		},
		{
			path: '/delete-account/:id',
			name: 'delete-account',
			component: DeleteAccountView,
		},
	]
});

export default router;