feat: ♻️ refactor ALL THE THINGS!!! (again)

Update to Vue 3 and employ Vue Router, additional design changes and navigation changes

src/router/index.js

@@ -0,0 +1,47 @@
+import { createRouter, createWebHistory } from "vue-router";
+import Home from "../views/Home.vue";
+
+const routes = [
+  {
+    path: "/",
+    name: "Home",
+    component: Home,
+  },
+  {
+    path: "/general",
+    name: "General",
+    component: () =>
+      import(/* webpackChunkName: "general" */ "@/views/General.vue"),
+  },
+  {
+    path: "/anatomy",
+    name: "Anatomy",
+    component: () =>
+      import(/* webpackChunkName: "anatomy" */ "@/views/Anatomy.vue"),
+  },
+  {
+    path: "/clothing",
+    name: "Clothing",
+    component: () =>
+      import(/* webpackChunkName: "clothing" */ "@/views/Clothing.vue"),
+  },
+  {
+    path: "/abilities",
+    name: "Abilities",
+    component: () =>
+      import(/* webpackChunkName: "abilities" */ "@/views/Abilities.vue"),
+  },
+  {
+    path: "/overdrive",
+    name: "Overdrive",
+    component: () =>
+      import(/* webpackChunkName: "overdrive" */ "@/views/Overdrive.vue"),
+  },
+];
+
+const router = createRouter({
+  history: createWebHistory(process.env.BASE_URL),
+  routes,
+});
+
+export default router;