authentication

src/main.js

@@ -1,17 +1,45 @@
+import { createAuth } from '@websanova/vue-auth';
+import driverAuthBearer from '@websanova/vue-auth/dist/drivers/auth/bearer.esm.js';
+import driverHttpAxios from '@websanova/vue-auth/dist/drivers/http/axios.1.x.esm.js';
+import driverRouterVueRouter from '@websanova/vue-auth/dist/drivers/router/vue-router.2.x.esm.js';
+import axios from 'axios';
 import { createApp } from 'vue';
 import App from './App.vue';
 import router from './router';
 
-import PrimeVue from 'primevue/config';
+
 import Aura from '@primevue/themes/aura';
-import ToastService from 'primevue/toastservice';
+import PrimeVue from 'primevue/config';
 import ConfirmationService from 'primevue/confirmationservice';
+import ToastService from 'primevue/toastservice';
 
 import BlockViewer from '@/components/BlockViewer.vue';
 
 import '@/assets/styles.scss';
 import '@/assets/tailwind.css';
 
+var auth = createAuth({
+    plugins: {
+        http: axios,
+        router: router
+    },
+    drivers: {
+        http: driverHttpAxios,
+        auth: driverAuthBearer,
+        router: driverRouterVueRouter
+    },
+    options:{
+        notFoundRedirect: '/auth/login',
+        authRedirect: '/auth/login',
+        loginData: {url: 'api/auth/login', method: 'POST', redirect: '/'},
+        logoutData: {redirect: '/auth/login'},
+        fetchData: {url: 'api/auth/fetch-user', method: 'GET', enabled: true},
+        refreshData: {url: 'api/auth/refresh-token', method: 'GET', enabled: true}
+    }
+});
+
+axios.defaults.baseURL = import.meta.env.VITE_BACKEND_URL;
+
 const app = createApp(App);
 
 app.use(router);
@@ -25,6 +53,7 @@ app.use(PrimeVue, {
 });
 app.use(ToastService);
 app.use(ConfirmationService);
+app.use(auth);
 
 app.component('BlockViewer', BlockViewer);