Began transition to Vue3.

Implemented logging in and logging out.

Implemented authenticated http client.

Laid some groundwork for SCSS.

MultiShop/client/src/services/authentication.js

@@ -0,0 +1,13 @@
+import { UserManager, WebStorageStateStore } from "oidc-client";
+
+const userManager = new UserManager({
+    authority: window.location.origin,
+    client_id: "MultiShop",
+    redirect_uri: window.location.origin + "/authentication/login-callback",
+    post_logout_redirect_uri: window.location.origin + "/authentication/logout-callback",
+    response_type: "code",
+    scope: "openid profile",
+    userStore: new WebStorageStateStore({ store: window.localStorage }),
+});
+
+export { userManager };

MultiShop/client/src/services/http.js

@@ -0,0 +1,23 @@
+import axios from "axios";
+
+let currentAuthorizationInterceptorID = null;
+
+const http = axios.create({
+    baseURL: window.location.origin + "/api",
+    timeout: 2000,
+});
+
+function addBearerTokenInterceptor(token) {
+    currentAuthorizationInterceptorID = http.interceptors.request.use((config) => {
+        config.headers.Authorization = `Bearer ${token}`;
+        return config;
+    }, (err) => {
+        console.error(err);
+    });
+}
+
+function removeBearerTokenInterceptor() {
+    http.interceptors.request.eject(currentAuthorizationInterceptorID);
+}
+
+export { http, addBearerTokenInterceptor, removeBearerTokenInterceptor };

MultiShop/client/src/services/persistence.js

@@ -0,0 +1,31 @@
+const prefix = "MultiShop";
+function put(key, value) {
+    if (value == null) return false;
+    try {
+        localStorage.setItem(prefix + ":" + key, JSON.stringify(value));
+    } catch (error) {
+        console.error(error);
+        return false;
+    }
+    return true;
+}
+
+function get(key) {
+    if (!exists(key)) return null;
+    try {
+        return JSON.parse(localStorage.getItem(prefix + ":" + key));
+    } catch (error) {
+        console.error(error);
+        return null;
+    }
+}
+
+function remove(key) {
+    localStorage.removeItem(prefix + ":" + key);
+}
+
+function exists(key) {
+    return localStorage.getItem(prefix + ":" + key) != null;
+}
+
+export { put, get, remove, exists };