Added client to call backend authentication logic

src/main.js

@@ -3,24 +3,25 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import App from './App.vue'
 import router from './router'
-import axios from 'axios'
 import '@mdi/font/css/materialdesignicons.css'
 import 'vuetify/styles'
 import { createVuetify } from 'vuetify'
 import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
+import clientPlugin from './plugins/clientPlugin'
 
 const vuetify = createVuetify({
   components,
   directives
 });
 
-axios.defaults.baseURL = 'http://127.0.0.1:8000';
-
 const app = createApp(App);
 
+// Create an axios client preconfigured to the Hutopy API.
+app.use(clientPlugin);
+
 app.use(createPinia());
 app.use(vuetify);
-app.use(router, axios);
+app.use(router);
 
 app.mount('#app')