VueRouter, Pinia state management, add pages, design preferences page

software/src/data/enums/themeEnums.ts

@@ -0,0 +1,9 @@
+export enum ThemeEnum {
+  DARKRED = "darkRed",
+  LIGHTRED = "lightRed",
+  DARKBLUE = "darkBlue",
+  LIGHTBLUE = "lightBlue",
+  DARKGREEN = "darkGreen",
+  LIGHTGREEN = "lightGreen"
+
+}

software/src/data/models/bannerModel.ts

@@ -0,0 +1,6 @@
+export default class BannerModel {
+  message: string = "Success!"
+  show: boolean = false
+  color: string = "green"
+  icon: string = "mdi-check"
+}

software/src/data/stores/userStore.ts

@@ -0,0 +1,9 @@
+import { defineStore } from "pinia";
+import { useLocalStorage } from "@vueuse/core";
+import { ThemeEnum } from "../enums/themeEnums";
+
+export const useUserStore = defineStore('user', {
+  state: () => ({
+    theme: useLocalStorage<ThemeEnum>("hackmycart/userStore/theme", ThemeEnum.DARKRED)
+  })
+})