From b6d3b045aa77430c3f5c6e533b3cb27c998e5ee9 Mon Sep 17 00:00:00 2001
From: juls0730 <juliangarner240@gmail.com>
Date: Fri, 20 Jan 2023 00:48:49 -0600
Subject: [PATCH] made emojipicker work 10x better, also fixed a few bugs

---
 assets/css/main.css              |   2 +-
 components/Message.vue           |  91 ++--
 components/MessagePane.vue       |  31 +-
 components/Nav.vue               |   8 +-
 components/Sidebar.vue           |  12 +-
 nuxt.config.ts                   |   2 +-
 package-lock.json                | 859 ++++++++++++++-----------------
 package.json                     |   1 +
 pages/channel/@me/[id].vue       |  41 +-
 pages/channel/[id].vue           |  23 +-
 plugins/mitt.ts                  |  12 +
 prisma/schema.prisma             |  83 +--
 server/api/getCurrentUser.get.ts |   6 +
 stores/store.ts                  |  30 +-
 types/index.ts                   |  10 +
 15 files changed, 625 insertions(+), 586 deletions(-)
 create mode 100644 plugins/mitt.ts

diff --git a/assets/css/main.css b/assets/css/main.css
index e7ccb25..81c9ead 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -7,7 +7,7 @@
 	--foreground-color: hsl(230,26%,13%);
 	--primary-accent: hsl(180,55%,45%);
 	--message-input-color: hsl(228,27.3%,25%);
-	--primary-placeholder: hsl(180,25%,65%);
+	--primary-placeholder: hsl(218,11%,65%);
 
 
 	--primary-dark: hsl(225, 7.7%, 10.2%); /* dropdown and emoji picker bg */
diff --git a/components/Message.vue b/components/Message.vue
index 93f9b02..ef73bd1 100644
--- a/components/Message.vue
+++ b/components/Message.vue
@@ -1,17 +1,11 @@
 <template>
 	<div class="relative message-wrapper"
-		@mouseenter="mouseEnter()"
-		@mouseleave="mouseLeave()">
+		@mouseleave="overflowShown = false">
 		<div class="absolute right-0 mr-10 -top-[20px] h-fit opacity-0 pointer-events-none action-buttons z-[5]"
 			:class="(emojiPickerOpen) ? 'opacity-100 pointer-events-auto' : ''">
-			<div class="absolute top-0 w-[375px]"
-				:style="emojiPickerStyles">
-				<EmojiPicker v-on:pickedEmoji="pickedEmoji($event)"
-					:opened="emojiPickerOpen" />
-			</div>
-			<div id="actions"
+			<div :id="`actions-${message.id}`"
 				class="relative bg-[var(--primary-400)] rounded-md border border-[rgb(32,34,37)] text-[var(--primary-text)] flex overflow-hidden">
-				<button @click="emojiPickerOpen = !emojiPickerOpen"
+				<button @click="openEmojiPicker()"
 					class="p-1 hover:backdrop-brightness-125 transition-all flex w-fit h-fit">
 					<svg xmlns="http://www.w3.org/2000/svg"
 						width="20"
@@ -25,8 +19,8 @@
 							d="m13 19l-1 1l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 0 1 8.003 5.996M14 16h6m-3-3v6" />
 					</svg>
 				</button>
-				<button v-if="!actionButtonOverflowMenuOpen"
-					@click="actionButtonOverflowMenuOpen = true"
+				<button v-if="!shiftPressed && !overflowShown"
+					@click="overflowShown = true"
 					class="p-1 hover:backdrop-brightness-125 transition-all flex w-fit h-fit">
 					<svg xmlns="http://www.w3.org/2000/svg"
 						width="20"
@@ -49,8 +43,7 @@
 						</g>
 					</svg>
 				</button>
-				<div @click="actionButtonOverflowMenuOpen = false"
-					v-if="actionButtonOverflowMenuOpen"
+				<div v-if="shiftPressed || overflowShown"
 					class="flex">
 					<button @click="copy(message.id)"
 						class="p-1 hover:backdrop-brightness-125 transition-all flex text-[var(--primary-400)] w-[28px] h-[28px] items-center justify-center">
@@ -118,7 +111,7 @@
 
 <script lang="ts">
 import { PropType } from 'vue';
-import { IMessage } from '~/types';
+import { IEmojiPickerData, IMessage } from '~/types';
 import { useGlobalStore } from '~/stores/store';
 import { useClipboard } from '@vueuse/core'
 import emojiJson from '~/assets/json/emoji.json';
@@ -133,6 +126,10 @@ export default {
 			type: Boolean,
 			required: true
 		},
+		shiftPressed: {
+			type: Boolean,
+			required: true
+		},
 		classes: {
 			type: String,
 			required: true
@@ -142,8 +139,7 @@ export default {
 		return {
 			user: storeToRefs(useGlobalStore()).user,
 			emojiPickerOpen: false,
-			emojiPickerStyles: this.calculateEmojiPickerRight(),
-			actionButtonOverflowMenuOpen: false,
+			overflowShown: false
 		}
 	},
 	setup() {
@@ -153,6 +149,16 @@ export default {
 			copy
 		}
 	},
+	mounted() {
+		const { $listen } = useNuxtApp()
+		$listen('pickedEmoji', (emoji) => {
+			if (useGlobalStore().emojiPickerData.openedBy.messageId !== this.message.id) return;
+			const replacementEmoji = emojiJson.find((e) => e.short_name === emoji);
+			if (!replacementEmoji?.emoji) return;
+			if (this.message.reactions?.find((e) => e.emoji.name === replacementEmoji.emoji)) return
+			this.toggleReaction(replacementEmoji.emoji)
+		});
+	},
 	methods: {
 		async toggleReaction(emoji: string) {
 			const route = useRoute()
@@ -162,6 +168,25 @@ export default {
 
 			useGlobalStore().updateMessage(this.message.id, message)
 		},
+		openEmojiPicker() {
+			const actionButtons = document.getElementById(`actions-${this.message.id}`);
+			if (!actionButtons) return;
+
+			const elementRect = actionButtons.getBoundingClientRect();
+			let top = elementRect.top + window.pageYOffset;
+
+			if (top + 522 > window.innerHeight) top = window.innerHeight - 522;
+
+			const payload = {
+				top,
+				right: actionButtons.clientWidth + 40,
+				openedBy: {
+					type: "message",
+					messageId: this.message.id
+				}
+			} as IEmojiPickerData
+			useGlobalStore().toggleEmojiPicker(payload)
+		},
 		emojiStyles(emoji: string, width: number) {
 			const emojis = emojiJson.filter((e) => e.has_img_twitter)
 			const twemoji = emojis.find((e) => e.emoji === emoji)
@@ -179,44 +204,10 @@ export default {
 				'background-size': '1037px 1037px'
 			}
 		},
-		pickedEmoji(emoji: string) {
-			const replacementEmoji = emojiJson.find((e) => e.short_name === emoji);
-			if (!replacementEmoji?.emoji) return;
-			if (this.message.reactions?.find((e) => e.emoji.name === replacementEmoji.emoji)) return
-			this.toggleReaction(replacementEmoji.emoji)
-			this.emojiPickerOpen = false;
-		},
 		async deleteMessage() {
 			const route = useRoute()
 			await $fetch(`/api/channels/${route.params.id}/messages/${this.message.id}/delete`, { method: "POST" })
 		},
-		calculateEmojiPickerRight() {
-			const actions = document.getElementById('actions')
-			if (!actions) return {}
-			const right = actions.clientWidth + 8
-			return {
-				right: right + 'px'
-			}
-		},
-		keyPressed(ev: KeyboardEvent) {
-			if (ev.key === 'Shift') {
-				this.actionButtonOverflowMenuOpen = true
-			}
-		},
-		keyUnpressed(ev: KeyboardEvent) {
-			if (ev.key === 'Shift') {
-				this.actionButtonOverflowMenuOpen = false
-			}
-		},
-		mouseEnter() {
-			document.body.addEventListener('keydown', this.keyPressed, false);
-			document.body.addEventListener('keyup', this.keyUnpressed, false);
-		},
-		mouseLeave() {
-			this.actionButtonOverflowMenuOpen = false
-			document.body.removeEventListener('keydown', this.keyPressed, false)
-			document.body.removeEventListener('keyup', this.keyUnpressed, false)
-		}
 	}
 }
 </script>
diff --git a/components/MessagePane.vue b/components/MessagePane.vue
index bc8d5b0..d67ed02 100644
--- a/components/MessagePane.vue
+++ b/components/MessagePane.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="h-full relative text-white bg-[var(--background-color)] grid grid-rows-[48px_1fr]">
+	<div class="h-full relative text-white bg-[var(--background-color)] grid grid-rows-[48px_1fr]" @mouseenter="mouseEnter" @mouseleave="mouseLeave">
 		<div class="w-full px-4 py-3 z-[1]">
 			<div v-if="!server.DM"
 				class="flex items-center">
@@ -42,7 +42,7 @@
 		</div>
 
 		<section
-			class="bg-[var(--foreground-color)] my-3 mx-1 h-[calc(100%-24px)] overflow-hidden rounded-lg relative grid grid-rows-[1fr_70px]">
+			class="bg-[var(--foreground-color)] mb-3 mx-1 h-[calc(100%-12px)] overflow-hidden rounded-lg relative grid grid-rows-[1fr_70px]">
 			<div class="h-full overflow-y-scroll" id="conversation-pane">
 				<div class="w-full pb-1 bg-inherit">
 					<div>
@@ -52,8 +52,9 @@
 						<Message v-else
 							v-for="(message, i) in server.messages"
 							:message="message"
-							:classes="calculateMessageClasses(message, i)"
-							:showUsername="i === 0 || server.messages[i - 1]?.creator.id !== message.creator.id" />
+							:shiftPressed="shiftPressed"
+							:showUsername="i === 0 || server.messages[i - 1]?.creator.id !== message.creator.id"
+							:classes="calculateMessageClasses(message, i)" />
 					</div>
 				</div>
 				<div v-if="showSearch"
@@ -131,6 +132,7 @@ export default {
 			server: storeToRefs(useGlobalStore()).activeChannel,
 			messageContent: '',
 			canSendNotifications: false,
+			shiftPressed: false,
 			servers: storeToRefs(useGlobalStore()).servers,
 			usersTyping: [] as string[],
 			socket: storeToRefs(useGlobalStore()).socket as unknown as Server,
@@ -196,6 +198,25 @@ export default {
 
 			this.socket.emit(`typing`, this.server.id);
 		},
+		mouseEnter() {
+			document.body.addEventListener('keydown', this.keyPressed, false);
+			document.body.addEventListener('keyup', this.keyUnpressed, false);
+		},
+		mouseLeave() {
+			this.shiftPressed = false
+			document.body.removeEventListener('keydown', this.keyPressed, false)
+			document.body.removeEventListener('keyup', this.keyUnpressed, false)
+		},
+		keyPressed(ev: KeyboardEvent) {
+			if (ev.key === 'Shift') {
+				this.shiftPressed = true
+			}
+		},
+		keyUnpressed(ev: KeyboardEvent) {
+			if (ev.key === 'Shift') {
+				this.shiftPressed = false
+			}
+		},
 		calculateMessageClasses(message: IMessage, i: number) {
 			if (i === 0 || this.server.messages[i - 1]?.creator.id !== message.creator.id) {
 				if (i !== this.server.messages.length - 1 || this.server.messages[i + 1]?.creator.id === message.creator.id) {
@@ -291,9 +312,7 @@ export default {
 
 				if (this.server.messages.find((e) => e.id === message.id)) {
 					// message is already in the server, replace it with the updated message
-					console.log(message.id, message.body)
 					useGlobalStore().updateMessage(message.id, message)
-					console.log('raw', useGlobalStore().activeChannel.messages.find((e) => e.id === message.id)?.body)
 					return;
 				}
 
diff --git a/components/Nav.vue b/components/Nav.vue
index b1d6155..32cc08b 100644
--- a/components/Nav.vue
+++ b/components/Nav.vue
@@ -81,7 +81,7 @@
 	<div v-if="createServerModelOpen"
 		class="absolute z-10 top-0 bottom-0 left-0 right-0">
 		<div
-			class="p-4 z-20 absolute bg-[var(--primary-600)] shadow-md rounded-md -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 text-white">
+			class="p-4 z-20 absolute bg-[var(--primary-500)] shadow-md rounded-md -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 text-white">
 			<h2 class="font-semibold text-xl">
 				Create a server:
 			</h2>
@@ -90,14 +90,14 @@
 					class="w-3/5">
 					<input v-model="serverName"
 						type="text"
-						class="py-2 px-3 rounded-md mb-2 bg-zinc-700 shadow-md border border-zinc-700/80"
+						class="py-2 px-3 rounded-md mb-2 bg-[var(--message-input-color)] shadow-md placeholder:text-[var(--primary-placeholder)]"
 						placeholder="Server name" />
 					<input type="submit"
-						class="py-2 px-3 rounded-md bg-zinc-700 shadow-md border border-zinc-700/80" />
+						class="py-2 px-3 rounded-md bg-[var(--message-input-color)] shadow-md" />
 				</form>
 			</div>
 		</div>
-		<div class="bg-zinc-900/80 w-screen h-screen"
+		<div class="bg-black/70 w-screen h-screen"
 			@click="createServerModelOpen = false">
 		</div>
 	</div>
diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index 3f645bd..9d1e94f 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -10,7 +10,7 @@
 			</section>
 
 			<div
-				class="h-[calc(100%-24px)] my-3 mx-1 grid grid-rows-[1fr_56px] bg-[var(--foreground-color)] rounded-lg">
+				class="h-[calc(100%-12px)] mb-3 mx-1 grid grid-rows-[1fr_56px] bg-[var(--foreground-color)] rounded-lg">
 				<div class="h-fit">
 					<nuxt-link v-for="dm in dms"
 						:to="'/channel/@me/' + dm.id">
@@ -95,7 +95,7 @@
 
 
 			<div
-				class="h-[calc(100%-24px)] my-3 mx-1 grid grid-rows-[1fr_56px] bg-[var(--foreground-color)] rounded-lg">
+				class="h-[calc(100%-12px)] mb-3 mx-1 grid grid-rows-[1fr_56px] bg-[var(--foreground-color)] rounded-lg">
 				<div class="flex gap-y-1.5 px-1.5 mt-2 flex-col overflow-x-scroll">
 					<button
 						class="flex text-center bg-inherit hover:backdrop-brightness-[1.35] px-2 py-1.5 w-full transition-all rounded drop-shadow-sm gap-1/5 cursor-pointer items-center"
@@ -221,11 +221,11 @@
 
 	<div v-if="createChannelModelOpen"
 		class="absolute z-10 top-0 bottom-0 left-0 right-0">
-		<div class="bg-[var(--primary-600)] w-screen h-screen"
+		<div class="bg-black/70 w-screen h-screen"
 			@click="createChannelModelOpen = false">
 		</div>
 		<div
-			class="p-4 z-20 absolute bg-zinc-800 shadow-md rounded-md -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 text-white">
+			class="p-4 z-20 absolute bg-[var(--primary-500)] shadow-md rounded-md -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 text-white">
 			<h2 class="font-semibold text-xl">
 				Create a channel:
 			</h2>
@@ -234,10 +234,10 @@
 					class="w-3/5">
 					<input v-model="channelName"
 						type="text"
-						class="py-2 px-3 rounded-md mb-2 bg-zinc-700 shadow-md border border-zinc-700/80"
+						class="py-2 px-3 rounded-md mb-2 bg-[var(--message-input-color)] shadow-md"
 						placeholder="Channel name" />
 					<input type="submit"
-						class="py-2 px-3 rounded-md bg-zinc-700 shadow-md border border-zinc-700/80" />
+						class="py-2 px-3 rounded-md bg-[var(--message-input-color)] shadow-md" />
 				</form>
 			</div>
 		</div>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 7d70858..74ecde9 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,7 +1,7 @@
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 
 export default {
-    ssr: false,
+    ssr: true,
     app: {
         head: {
             meta: [
diff --git a/package-lock.json b/package-lock.json
index 74ab9fe..dac03c2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
         "bcryptjs": "^2.4.3",
         "emoji-datasource-twitter": "^14.0.0",
         "emoji-regex": "^10.2.1",
+        "mitt": "^3.0.0",
         "nuxt": "^3.0.0",
         "pinia": "^2.0.28",
         "socket.io": "^4.5.4",
@@ -63,24 +64,24 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.7.tgz",
-      "integrity": "sha512-t1ZjCluspe5DW24bn2Rr1CDb2v9rn/hROtg9a2tmd0+QYf4bsloYfLQzjG4qHPNMhWtKdGC33R5AxGR2Af2cBw==",
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.12.tgz",
+      "integrity": "sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg==",
       "dependencies": {
         "@ampproject/remapping": "^2.1.0",
         "@babel/code-frame": "^7.18.6",
         "@babel/generator": "^7.20.7",
         "@babel/helper-compilation-targets": "^7.20.7",
-        "@babel/helper-module-transforms": "^7.20.7",
+        "@babel/helper-module-transforms": "^7.20.11",
         "@babel/helpers": "^7.20.7",
         "@babel/parser": "^7.20.7",
         "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.20.7",
+        "@babel/traverse": "^7.20.12",
         "@babel/types": "^7.20.7",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.1",
+        "json5": "^2.2.2",
         "semver": "^6.3.0"
       },
       "engines": {
@@ -163,9 +164,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.20.7.tgz",
-      "integrity": "sha512-LtoWbDXOaidEf50hmdDqn9g8VEzsorMexoWMQdQODbvmqYmaF23pBP5VNPAGIFHsFQCIeKokDiz3CH5Y2jlY6w==",
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.20.12.tgz",
+      "integrity": "sha512-9OunRkbT0JQcednL0UFvbfXpAsUXiGjUk0a7sN8fUXX7Mue79cUSMjHGDRRi/Vz9vYlpIhLV5fMD5dKoMhhsNQ==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.18.6",
         "@babel/helper-environment-visitor": "^7.18.9",
@@ -173,6 +174,7 @@
         "@babel/helper-member-expression-to-functions": "^7.20.7",
         "@babel/helper-optimise-call-expression": "^7.18.6",
         "@babel/helper-replace-supers": "^7.20.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.20.0",
         "@babel/helper-split-export-declaration": "^7.18.6"
       },
       "engines": {
@@ -299,6 +301,17 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.20.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz",
+      "integrity": "sha512-5y1JYeNKfvnT8sZcK9DVRtpTbGiomYIHviSP3OQWmDPU3DeH4a1ZlT/N2lyQ5P8egjcRaT/Y9aNqUxK0WsnIIg==",
+      "dependencies": {
+        "@babel/types": "^7.20.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/helper-split-export-declaration": {
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
@@ -467,9 +480,9 @@
       }
     },
     "node_modules/@babel/standalone": {
-      "version": "7.20.11",
-      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.20.11.tgz",
-      "integrity": "sha512-WUPlwwXFk3iViGE7QFVVp423eVtT+eoXu1940Xu4QJgqgHBF6WWtlwO1Ip5rIWQnp7OHrGdwrwKLtLhUVfOZbA==",
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.20.12.tgz",
+      "integrity": "sha512-hK/X+m1il3w1tYS4H8LDaGCEdiT47SVqEXY8RiEAgou26BystipSU8ZL6EvBR6t5l7lTv0ilBiChXWblKJ5iUA==",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -488,9 +501,9 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.20.10",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.10.tgz",
-      "integrity": "sha512-oSf1juCgymrSez8NI4A2sr4+uB/mFd9MXplYGPEBnfAuWmmyeVcHa6xLPiaRBcXkcb/28bgxmQLTVwFKE1yfsg==",
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.12.tgz",
+      "integrity": "sha512-MsIbFN0u+raeja38qboyF8TIT7K0BFzz/Yd/77ta4MsUsmP2RAnidIlwq7d5HFQrH/OZJecGV6B71C4zAgpoSQ==",
       "dependencies": {
         "@babel/code-frame": "^7.18.6",
         "@babel/generator": "^7.20.7",
@@ -647,9 +660,9 @@
       }
     },
     "node_modules/@mapbox/node-pre-gyp/node_modules/node-fetch": {
-      "version": "2.6.7",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
-      "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
+      "version": "2.6.8",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.8.tgz",
+      "integrity": "sha512-RZ6dBYuj8dRSfxpUSu+NsdF1dpPpluJxwOp+6IoDp/sH2QNDSvurYsAa+F1WxY2RjA1iP93xhcsUoYbF2XBqVg==",
       "dependencies": {
         "whatwg-url": "^5.0.0"
       },
@@ -666,9 +679,9 @@
       }
     },
     "node_modules/@netlify/functions": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@netlify/functions/-/functions-1.3.0.tgz",
-      "integrity": "sha512-hN/Fgpz8XIOBfsBPLYUMxVKBlCopgeqGB0popayicnmkFLnvKByTTMYgF01wcF9DBtBQdV0H2h1kPFpMl34I8w==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@netlify/functions/-/functions-1.4.0.tgz",
+      "integrity": "sha512-gy7ULTIRroc2/jyFVGx1djCmmBMVisIwrvkqggq5B6iDcInRSy2Tpkm+V5C63hKJVkNRskKWtLQKm9ecCaQTjA==",
       "dependencies": {
         "is-promise": "^4.0.0"
       },
@@ -794,9 +807,9 @@
       }
     },
     "node_modules/@nuxt/ui-templates": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@nuxt/ui-templates/-/ui-templates-1.0.0.tgz",
-      "integrity": "sha512-jfpVHxi1AHfNO3D6iD1RJE6fx/7cAzekvG90poIzVawp/L+I4DNdy8pCgqBScJW4bfWOpHeLYbtQQlL/hPmkjw=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@nuxt/ui-templates/-/ui-templates-1.1.0.tgz",
+      "integrity": "sha512-KffiTNdVaZlkx0tgwopmy627WQclWO0kqFD1R646wawDbNlWkpmwj5qI5qoh2Rx13/O+KkYdc28H3JsQdQmXJw=="
     },
     "node_modules/@nuxt/vite-builder": {
       "version": "3.0.0",
@@ -857,12 +870,12 @@
       }
     },
     "node_modules/@prisma/client": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-4.8.0.tgz",
-      "integrity": "sha512-Y1riB0p2W52kh3zgssP/YAhln3RjBFcJy3uwEiyjmU+TQYh6QTZDRFBo3JtBWuq2FyMOl1Rye8jxzUP+n0l5Cg==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-4.9.0.tgz",
+      "integrity": "sha512-bz6QARw54sWcbyR1lLnF2QHvRW5R/Jxnbbmwh3u+969vUKXtBkXgSgjDA85nji31ZBlf7+FrHDy5x+5ydGyQDg==",
       "hasInstallScript": true,
       "dependencies": {
-        "@prisma/engines-version": "4.8.0-61.d6e67a83f971b175a593ccc12e15c4a757f93ffe"
+        "@prisma/engines-version": "4.9.0-42.ceb5c99003b99c9ee2c1d2e618e359c14aef2ea5"
       },
       "engines": {
         "node": ">=14.17"
@@ -877,16 +890,16 @@
       }
     },
     "node_modules/@prisma/engines": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-4.8.0.tgz",
-      "integrity": "sha512-A1Asn2rxZMlLAj1HTyfaCv0VQrLUv034jVay05QlqZg1qiHPeA3/pGTfNMijbsMYCsGVxfWEJuaZZuNxXGMCrA==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-4.9.0.tgz",
+      "integrity": "sha512-t1pt0Gsp+HcgPJrHFc+d/ZSAaKKWar2G/iakrE07yeKPNavDP3iVKPpfXP22OTCHZUWf7OelwKJxQgKAm5hkgw==",
       "devOptional": true,
       "hasInstallScript": true
     },
     "node_modules/@prisma/engines-version": {
-      "version": "4.8.0-61.d6e67a83f971b175a593ccc12e15c4a757f93ffe",
-      "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-4.8.0-61.d6e67a83f971b175a593ccc12e15c4a757f93ffe.tgz",
-      "integrity": "sha512-MHSOSexomRMom8QN4t7bu87wPPD+pa+hW9+71JnVcF3DqyyO/ycCLhRL1we3EojRpZxKvuyGho2REQsMCvxcJw=="
+      "version": "4.9.0-42.ceb5c99003b99c9ee2c1d2e618e359c14aef2ea5",
+      "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-4.9.0-42.ceb5c99003b99c9ee2c1d2e618e359c14aef2ea5.tgz",
+      "integrity": "sha512-M16aibbxi/FhW7z1sJCX8u+0DriyQYY5AyeTH7plQm9MLnURoiyn3CZBqAyIoQ+Z1pS77usCIibYJWSgleBMBA=="
     },
     "node_modules/@rollup/plugin-alias": {
       "version": "4.0.2",
@@ -1176,20 +1189,20 @@
       "dev": true
     },
     "node_modules/@unhead/dom": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/@unhead/dom/-/dom-1.0.14.tgz",
-      "integrity": "sha512-AMOOMUNbybHrvtuddy5aEkDibL3grwUCoUT1aHHqfvtEy86t/ftRGKT4T9znx54IxlXN9FnoNpeSOg4D8OP/5w==",
+      "version": "1.0.17",
+      "resolved": "https://registry.npmjs.org/@unhead/dom/-/dom-1.0.17.tgz",
+      "integrity": "sha512-iLVBQ1ck8r8U+n1Rdk93ry6NP0jgRXuJwrujXlYUFkrvbkXl08rTfyyXHT+AkA1aZgFLS9KtYtbEhwzNeWfZtg==",
       "dependencies": {
-        "@unhead/schema": "1.0.14"
+        "@unhead/schema": "1.0.17"
       },
       "funding": {
         "url": "https://github.com/sponsors/harlan-zw"
       }
     },
     "node_modules/@unhead/schema": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/@unhead/schema/-/schema-1.0.14.tgz",
-      "integrity": "sha512-eL03X15KvI10igudFkvV1sWUIMcMGQed0qOk+V5fyp036NZLQ5MF9ygyZOKkZ71jbdL8/1Afe8+f2tklc4v8zQ==",
+      "version": "1.0.17",
+      "resolved": "https://registry.npmjs.org/@unhead/schema/-/schema-1.0.17.tgz",
+      "integrity": "sha512-Vfc6HWcZAzibzlzBMNhVTOC7AYqvq3QMIY6VF7myowl4xbSiPLOmp63ZWAXKavYjHDchAJXvL/PF+6sDaIeCLQ==",
       "dependencies": {
         "@zhead/schema": "^1.0.9",
         "hookable": "^5.4.2"
@@ -1199,22 +1212,22 @@
       }
     },
     "node_modules/@unhead/ssr": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/@unhead/ssr/-/ssr-1.0.14.tgz",
-      "integrity": "sha512-ScireDoj8AJenQPi60KjGM21d9RePBqMKOKgJbTMLQIyEC34mssoOYU1r5tOexKZJiWJXzbu5qE+NIwoY8P/yA==",
+      "version": "1.0.17",
+      "resolved": "https://registry.npmjs.org/@unhead/ssr/-/ssr-1.0.17.tgz",
+      "integrity": "sha512-+Ghf7RO7GDdS1AR38FFpmn0ZmhlgYxmAD6xg79Zgen6blmlfYVsWTL78rjnkkBc6EB9qvnGVAcqYtjO+KwjljA==",
       "dependencies": {
-        "@unhead/schema": "1.0.14"
+        "@unhead/schema": "1.0.17"
       },
       "funding": {
         "url": "https://github.com/sponsors/harlan-zw"
       }
     },
     "node_modules/@unhead/vue": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/@unhead/vue/-/vue-1.0.14.tgz",
-      "integrity": "sha512-PwJLCSq/eVLbLw7SbMCa20rEeL301w52UG2YhRpQTfsChBMBRGg3Nsl/PPWIurwkBXPpCsVL3AFppaCK5BCJ5Q==",
+      "version": "1.0.17",
+      "resolved": "https://registry.npmjs.org/@unhead/vue/-/vue-1.0.17.tgz",
+      "integrity": "sha512-yTz8yKMWpseWXSL449vIm0lAIxZAYSLiWRBhUG5vcAPo6L39fyKsBXiUOHt+ScYLAQaoxT2gEEIcsbHMxv5pmQ==",
       "dependencies": {
-        "@unhead/schema": "1.0.14",
+        "@unhead/schema": "1.0.17",
         "hookable": "^5.4.2"
       },
       "funding": {
@@ -1509,46 +1522,20 @@
       "integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg=="
     },
     "node_modules/@vueuse/core": {
-      "version": "9.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.10.0.tgz",
-      "integrity": "sha512-CxMewME07qeuzuT/AOIQGv0EhhDoojniqU6pC3F8m5VC76L47UT18DcX88kWlP3I7d3qMJ4u/PD8iSRsy3bmNA==",
+      "version": "9.11.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.11.0.tgz",
+      "integrity": "sha512-7yZJ8LNOssA8ZmeSjd4F+wbFBA4csiP4TiaXgruqg1H4PAtzSkv93PPwFLvQkSnfo3Bar+e+6QoRvWjhz7l2Xg==",
       "dev": true,
       "dependencies": {
         "@types/web-bluetooth": "^0.0.16",
-        "@vueuse/metadata": "9.10.0",
-        "@vueuse/shared": "9.10.0",
+        "@vueuse/metadata": "9.11.0",
+        "@vueuse/shared": "9.11.0",
         "vue-demi": "*"
       },
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
     },
-    "node_modules/@vueuse/core/node_modules/vue-demi": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@vueuse/head": {
       "version": "1.0.22",
       "resolved": "https://registry.npmjs.org/@vueuse/head/-/head-1.0.22.tgz",
@@ -1564,23 +1551,23 @@
       }
     },
     "node_modules/@vueuse/metadata": {
-      "version": "9.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.10.0.tgz",
-      "integrity": "sha512-G5VZhgTCapzU9rv0Iq2HBrVOSGzOKb+OE668NxhXNcTjUjwYxULkEhAw70FtRLMZc+hxcFAzDZlKYA0xcwNMuw==",
+      "version": "9.11.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.11.0.tgz",
+      "integrity": "sha512-HhtG2SWkcfZBLbamHdvLn7jKOCFpw/ifXjVTd5ilFkj98WVUk/3UTQ03wF1XIkuhSO4+b45hD2lfG9/GdKCF7w==",
       "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
     },
     "node_modules/@vueuse/nuxt": {
-      "version": "9.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-9.10.0.tgz",
-      "integrity": "sha512-Re63RiUzsEbYGGrES+2YY3Elqblu0XVIVogBJydLBgK4sINDbfnqX0MHDpBuV8MC2SZ/3ojQPMOaJdYIIidJeg==",
+      "version": "9.11.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-9.11.0.tgz",
+      "integrity": "sha512-gG6Zv85/2ra64elUa4jQGxOKL/rYfGxpJ90XYwOCGEfFaWGyU2PswO3dj8o0IFZHyv592LalAPBuQ/qIb+mfZw==",
       "dev": true,
       "dependencies": {
         "@nuxt/kit": "^3.0.0",
-        "@vueuse/core": "9.10.0",
-        "@vueuse/metadata": "9.10.0",
+        "@vueuse/core": "9.11.0",
+        "@vueuse/metadata": "9.11.0",
         "local-pkg": "^0.4.2",
         "vue-demi": "*"
       },
@@ -1591,36 +1578,10 @@
         "nuxt": "^3.0.0"
       }
     },
-    "node_modules/@vueuse/nuxt/node_modules/vue-demi": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@vueuse/shared": {
-      "version": "9.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.10.0.tgz",
-      "integrity": "sha512-vakHJ2ZRklAzqmcVBL38RS7BxdBA4+5poG9NsSyqJxrt9kz0zX3P5CXMy0Hm6LFbZXUgvKdqAS3pUH1zX/5qTQ==",
+      "version": "9.11.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.11.0.tgz",
+      "integrity": "sha512-8lO7wD5abYxupKy2KynH1pSgP715ky6iCrWYb8aX2AuAVi9uHXj7qE1dw6BnmArSaLHci4x9iuzWPCpAzUkC/A==",
       "dev": true,
       "dependencies": {
         "vue-demi": "*"
@@ -1629,32 +1590,6 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
-    "node_modules/@vueuse/shared/node_modules/vue-demi": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@zhead/schema": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/@zhead/schema/-/schema-1.0.9.tgz",
@@ -2188,9 +2123,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001441",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz",
-      "integrity": "sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg==",
+      "version": "1.0.30001446",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001446.tgz",
+      "integrity": "sha512-fEoga4PrImGcwUUGEol/PoFCSBnSkA9drgdkxXkJLsUBOnJ8rs3zDv6ApqYXGQFOyMPsjh79naWhF4DAxbF8rw==",
       "funding": [
         {
           "type": "opencollective",
@@ -2739,9 +2674,9 @@
       "integrity": "sha512-d4ZVpCW31eWwCMe1YT3ur7mUDnTXbgwyzaL320DrcRT45rfjYxkt5QWLrmOJ+/UEAI2+fQgKe/fCjR8l4TpRgw=="
     },
     "node_modules/data-uri-to-buffer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz",
-      "integrity": "sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
+      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
       "engines": {
         "node": ">= 12"
       }
@@ -3048,54 +2983,14 @@
         "xmlhttprequest-ssl": "~2.0.0"
       }
     },
-    "node_modules/engine.io-client/node_modules/ws": {
-      "version": "8.2.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
-      "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": "^5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/engine.io-parser": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.5.tgz",
-      "integrity": "sha512-mjEyaa4zhuuRhaSLOdjEb57X0XPP9JEsnXI4E+ivhwT0GgzUogARx4MqoY1jQyB+4Bkz3BUOmzL7t9RMKmlG3g==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.6.tgz",
+      "integrity": "sha512-tjuoZDMAdEhVnSFleYPCtdL2GXwVTGtNjoeJd9IhIG3C1xs9uwxqRNEu5WpnDZCaozwVlK/nuQhpodhXSIMaxw==",
       "engines": {
         "node": ">=10.0.0"
       }
     },
-    "node_modules/engine.io/node_modules/ws": {
-      "version": "8.2.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
-      "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": "^5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/enhanced-resolve": {
       "version": "5.12.0",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz",
@@ -3488,9 +3383,12 @@
       }
     },
     "node_modules/estree-walker": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.1.tgz",
-      "integrity": "sha512-woY0RUD87WzMBUiZLx8NsYr23N5BKsOMZHhu2hoNRVh6NXGfoiT1KOL8G3UHlJAnEDGmfa5ubNA/AacfG+Kb0g=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
     },
     "node_modules/etag": {
       "version": "1.8.1",
@@ -3892,9 +3790,9 @@
       }
     },
     "node_modules/glob": {
-      "version": "8.0.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-8.0.3.tgz",
-      "integrity": "sha512-ull455NHSHI/Y1FqGaaYFaLGkNMMJbavMrEGFXG/PGrg6y7sutWHUHrz6gy6WEBH6akM1M414dWKCNs+IhKdiQ==",
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -4161,9 +4059,9 @@
       }
     },
     "node_modules/ioredis": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/ioredis/-/ioredis-5.2.4.tgz",
-      "integrity": "sha512-qIpuAEt32lZJQ0XyrloCRdlEdUUNGG9i0UOk6zgzK6igyudNWqEBxfH6OlbnOOoBBvr1WB02mm8fR55CnikRng==",
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/ioredis/-/ioredis-5.2.5.tgz",
+      "integrity": "sha512-7HKo/ClM2DGLRXdFq8ruS3Uuadensz4A76wPOU0adqlOqd1qkhoLPDaBhmVhUhNGpB+J65/bhLmNB8DDY99HJQ==",
       "dependencies": {
         "@ioredis/commands": "^1.1.1",
         "cluster-key-slot": "^1.1.0",
@@ -4395,9 +4293,9 @@
       }
     },
     "node_modules/jiti": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.16.0.tgz",
-      "integrity": "sha512-L3BJStEf5NAqNuzrpfbN71dp43mYIcBUlCRea/vdyv5dW/AYa1d4bpelko4SHdY3I6eN9Wzyasxirj1/vv5kmg==",
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.16.2.tgz",
+      "integrity": "sha512-OKBOVWmU3FxDt/UH4zSwiKPuc1nihFZiOD722FuJlngvLz2glX1v2/TJIgoA4+mrpnXxHV6dSAoCvPcYQtoG5A==",
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -4446,9 +4344,9 @@
       }
     },
     "node_modules/klona": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.5.tgz",
-      "integrity": "sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==",
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
+      "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==",
       "engines": {
         "node": ">= 8"
       }
@@ -4520,9 +4418,9 @@
       }
     },
     "node_modules/local-pkg": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.2.tgz",
-      "integrity": "sha512-mlERgSPrbxU3BP4qBqAvvwlgW4MTg78iwJdGGnv7kibKjWcJksrG3t6LB5lXI93wXRDvG4NpUgJFmTG4T6rdrg==",
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
+      "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
       "engines": {
         "node": ">=14"
       },
@@ -4771,9 +4669,9 @@
       }
     },
     "node_modules/minimatch": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.2.tgz",
-      "integrity": "sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==",
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -4834,6 +4732,11 @@
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
+    "node_modules/mitt": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.0.tgz",
+      "integrity": "sha512-7dX2/10ITVyqh4aOSVI9gdape+t9l2/8QxHrFmUXu4EEUpdlxl6RudZUPZoc+zuY2hk1j7XxVroIVIan/pD/SQ=="
+    },
     "node_modules/mkdir": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/mkdir/-/mkdir-0.0.2.tgz",
@@ -4854,14 +4757,14 @@
       }
     },
     "node_modules/mlly": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.0.0.tgz",
-      "integrity": "sha512-QL108Hwt+u9bXdWgOI0dhzZfACovn5Aen4Xvc8Jasd9ouRH4NjnrXEiyP3nVvJo91zPlYjVRckta0Nt2zfoR6g==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.1.0.tgz",
+      "integrity": "sha512-cwzBrBfwGC1gYJyfcy8TcZU1f+dbH/T+TuOhtYP2wLv/Fb51/uV7HJQfBPtEupZ2ORLRU1EKFS/QfS3eo9+kBQ==",
       "dependencies": {
         "acorn": "^8.8.1",
         "pathe": "^1.0.0",
-        "pkg-types": "^1.0.0",
-        "ufo": "^1.0.0"
+        "pkg-types": "^1.0.1",
+        "ufo": "^1.0.1"
       }
     },
     "node_modules/mri": {
@@ -5022,9 +4925,9 @@
       }
     },
     "node_modules/node-gyp-build": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.5.0.tgz",
-      "integrity": "sha512-2iGbaQBV+ITgCz76ZEjmhUKAKVf7xfY1sRl4UiKQspfZMH2h06SyhNsnSVy50cwkFQDGLyif6m/6uFXHkOZ6rg==",
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.0.tgz",
+      "integrity": "sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ==",
       "bin": {
         "node-gyp-build": "bin.js",
         "node-gyp-build-optional": "optional.js",
@@ -5428,9 +5331,9 @@
       }
     },
     "node_modules/pinia": {
-      "version": "2.0.28",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.28.tgz",
-      "integrity": "sha512-YClq9DkqCblq9rlyUual7ezMu/iICWdBtfJrDt4oWU9Zxpijyz7xB2xTwx57DaBQ96UGvvTMORzALr+iO5PVMw==",
+      "version": "2.0.29",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.29.tgz",
+      "integrity": "sha512-5z/KpFecq/cIgfeTnulJXldiLcTITRkTe3N58RKYSj0Pc1EdR6oyCdnf5A9jLoVwBqX5LtHhd0kGlpzWvk9oiQ==",
       "dependencies": {
         "@vue/devtools-api": "^6.4.5",
         "vue-demi": "*"
@@ -5452,31 +5355,6 @@
         }
       }
     },
-    "node_modules/pinia/node_modules/vue-demi": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/pkg-types": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.1.tgz",
@@ -5488,9 +5366,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.20",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz",
-      "integrity": "sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==",
+      "version": "8.4.21",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
+      "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
       "funding": [
         {
           "type": "opencollective",
@@ -6088,13 +5966,13 @@
       }
     },
     "node_modules/prisma": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/prisma/-/prisma-4.8.0.tgz",
-      "integrity": "sha512-DWIhxvxt8f4h6MDd35mz7BJff+fu7HItW3WPDIEpCR3RzcOWyiHBbLQW5/DOgmf+pRLTjwXQob7kuTZVYUAw5w==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/prisma/-/prisma-4.9.0.tgz",
+      "integrity": "sha512-bS96oZ5oDFXYgoF2l7PJ3Mp1wWWfLOo8B/jAfbA2Pn0Wm5Z/owBHzaMQKS3i1CzVBDWWPVnOohmbJmjvkcHS5w==",
       "devOptional": true,
       "hasInstallScript": true,
       "dependencies": {
-        "@prisma/engines": "4.8.0"
+        "@prisma/engines": "4.9.0"
       },
       "bin": {
         "prisma": "build/index.js",
@@ -6668,9 +6546,9 @@
       }
     },
     "node_modules/socket.io-parser": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.1.tgz",
-      "integrity": "sha512-V4GrkLy+HeF1F/en3SpUaM+7XxYXpuMUWLGde1kSSh5nQMN4hLrbPIkD+otwh6q9R6NOQBN4AMaOZ2zVjui82g==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.2.tgz",
+      "integrity": "sha512-DJtziuKypFkMMHCm2uIshOYC7QaylbtzQwiMYDuCKy3OPkjLzu4B2vAhTlqipRHHzrI0NJeBAizTK7X+6m1jVw==",
       "dependencies": {
         "@socket.io/component-emitter": "~3.1.0",
         "debug": "~4.3.1"
@@ -7158,9 +7036,9 @@
       }
     },
     "node_modules/type-fest": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.5.0.tgz",
-      "integrity": "sha512-bI3zRmZC8K0tUz1HjbIOAGQwR2CoPQG68N5IF7gm0LBl8QSNXzkmaWnkWccCUL5uG9mCsp4sBwC8SBrNSISWew==",
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.5.2.tgz",
+      "integrity": "sha512-Ph7S4EhXzWy0sbljEuZo0tTNoLl+K2tPauGrQpcwUWrOVneLePTuhVzcuzVJJ6RU5DsNwQZka+8YtkXXU4z9cA==",
       "engines": {
         "node": ">=14.16"
       },
@@ -7190,9 +7068,9 @@
       }
     },
     "node_modules/undici": {
-      "version": "5.14.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-5.14.0.tgz",
-      "integrity": "sha512-yJlHYw6yXPPsuOH0x2Ib1Km61vu4hLiRRQoafs+WUgX1vO64vgnxiCEN9dpIrhZyHFsai3F0AEj4P9zy19enEQ==",
+      "version": "5.15.1",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-5.15.1.tgz",
+      "integrity": "sha512-XLk8g0WAngdvFqTI+VKfBtM4YWXgdxkf1WezC771Es0Dd+Pm1KmNx8t93WTC+Hh9tnghmVxkclU1HN+j+CvIUA==",
       "dependencies": {
         "busboy": "^1.6.0"
       },
@@ -7201,9 +7079,9 @@
       }
     },
     "node_modules/unenv": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unenv/-/unenv-1.0.0.tgz",
-      "integrity": "sha512-vlyi2Rzj4CNlA1JsEXufX+ItkGr3Z5DfLzKniYEneMlBVtuxS+57f1LwTPj2eiBPSPaGHMUVzEnjSCGE7l8JQg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/unenv/-/unenv-1.0.1.tgz",
+      "integrity": "sha512-08MoQ5+Edg9ckEP5y6vT8R6sOgCsNPxwPA1mKIOyergTtPOOuSyyJnbmF8CdnUplO2TUqSm0s1IysCkylxmndw==",
       "dependencies": {
         "defu": "^6.1.1",
         "mime": "^3.0.0",
@@ -7212,12 +7090,12 @@
       }
     },
     "node_modules/unhead": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/unhead/-/unhead-1.0.14.tgz",
-      "integrity": "sha512-0i0UA6DS44ul0QN4ibP389EiykjHCe3B9gM5eg40O4O8KfDyXgFJ5osdGdfwkmzWR8uWUMLwauNE4FIEFk5NGg==",
+      "version": "1.0.17",
+      "resolved": "https://registry.npmjs.org/unhead/-/unhead-1.0.17.tgz",
+      "integrity": "sha512-JjKjFxKwsmsAl/nLu3uTqd7bSTGOu4bhDj2KSYGBBfTVBmzJVK8lC/Aj0q/1au5g4NH4la+ulbmo3oWU4BqICw==",
       "dependencies": {
-        "@unhead/dom": "1.0.14",
-        "@unhead/schema": "1.0.14",
+        "@unhead/dom": "1.0.17",
+        "@unhead/schema": "1.0.17",
         "hookable": "^5.4.2"
       },
       "funding": {
@@ -7225,9 +7103,9 @@
       }
     },
     "node_modules/unimport": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/unimport/-/unimport-1.1.0.tgz",
-      "integrity": "sha512-dSufi3POQWUVAMU6DxXu39U0cWzz5m3FtQBUbgDJTkCpeRfyiYhDg+BOz6UPKfDPtEhkbshV8JoMV3I8i/mQ+A==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-1.2.0.tgz",
+      "integrity": "sha512-yMok/ubppurBE7Png1QH70Om96AxIoWCcfdxW3J/pziozShMc1UGpPgWpSckfo9ndAO5M74yNnRDdLAZy/gWQg==",
       "dependencies": {
         "@rollup/pluginutils": "^5.0.2",
         "escape-string-regexp": "^5.0.0",
@@ -7290,14 +7168,34 @@
         "ws": "^8.11.0"
       }
     },
+    "node_modules/unstorage/node_modules/ws": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.12.0.tgz",
+      "integrity": "sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig==",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/untyped": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/untyped/-/untyped-1.2.0.tgz",
-      "integrity": "sha512-nG0A55YEhUU5UCEM+nhIhCVkA8a4L1spIVtzO0937WDjEA6jrKpu184O2K9iv5UuJNHnwhu+Q3TXiSJh/JrjlQ==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/untyped/-/untyped-1.2.2.tgz",
+      "integrity": "sha512-EANYd5L6AdpgfldlgMcmvOOnj092nWhy0ybhc7uhEH12ipytDYz89EOegBQKj8qWL3u1wgYnmFjADhsuCJs5Aw==",
       "dependencies": {
-        "@babel/core": "^7.20.5",
-        "@babel/standalone": "^7.20.6",
-        "@babel/types": "^7.20.5",
+        "@babel/core": "^7.20.12",
+        "@babel/standalone": "^7.20.12",
+        "@babel/types": "^7.20.7",
         "scule": "^1.0.0"
       }
     },
@@ -7676,6 +7574,31 @@
         "ufo": "^1.0.0"
       }
     },
+    "node_modules/vue-demi": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/vue-devtools-stub": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/vue-devtools-stub/-/vue-devtools-stub-0.1.0.tgz",
@@ -7819,9 +7742,9 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "node_modules/ws": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
-      "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
+      "version": "8.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
+      "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
       "engines": {
         "node": ">=10.0.0"
       },
@@ -7984,24 +7907,24 @@
       "integrity": "sha512-sEnuDPpOJR/fcafHMjpcpGN5M2jbUGUHwmuWKM/YdPzeEDJg8bgmbcWQFUfE32MQjti1koACvoPVsDe8Uq+idg=="
     },
     "@babel/core": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.7.tgz",
-      "integrity": "sha512-t1ZjCluspe5DW24bn2Rr1CDb2v9rn/hROtg9a2tmd0+QYf4bsloYfLQzjG4qHPNMhWtKdGC33R5AxGR2Af2cBw==",
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.12.tgz",
+      "integrity": "sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg==",
       "requires": {
         "@ampproject/remapping": "^2.1.0",
         "@babel/code-frame": "^7.18.6",
         "@babel/generator": "^7.20.7",
         "@babel/helper-compilation-targets": "^7.20.7",
-        "@babel/helper-module-transforms": "^7.20.7",
+        "@babel/helper-module-transforms": "^7.20.11",
         "@babel/helpers": "^7.20.7",
         "@babel/parser": "^7.20.7",
         "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.20.7",
+        "@babel/traverse": "^7.20.12",
         "@babel/types": "^7.20.7",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.1",
+        "json5": "^2.2.2",
         "semver": "^6.3.0"
       },
       "dependencies": {
@@ -8062,9 +7985,9 @@
       }
     },
     "@babel/helper-create-class-features-plugin": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.20.7.tgz",
-      "integrity": "sha512-LtoWbDXOaidEf50hmdDqn9g8VEzsorMexoWMQdQODbvmqYmaF23pBP5VNPAGIFHsFQCIeKokDiz3CH5Y2jlY6w==",
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.20.12.tgz",
+      "integrity": "sha512-9OunRkbT0JQcednL0UFvbfXpAsUXiGjUk0a7sN8fUXX7Mue79cUSMjHGDRRi/Vz9vYlpIhLV5fMD5dKoMhhsNQ==",
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.18.6",
         "@babel/helper-environment-visitor": "^7.18.9",
@@ -8072,6 +7995,7 @@
         "@babel/helper-member-expression-to-functions": "^7.20.7",
         "@babel/helper-optimise-call-expression": "^7.18.6",
         "@babel/helper-replace-supers": "^7.20.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.20.0",
         "@babel/helper-split-export-declaration": "^7.18.6"
       }
     },
@@ -8162,6 +8086,14 @@
         "@babel/types": "^7.20.2"
       }
     },
+    "@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.20.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz",
+      "integrity": "sha512-5y1JYeNKfvnT8sZcK9DVRtpTbGiomYIHviSP3OQWmDPU3DeH4a1ZlT/N2lyQ5P8egjcRaT/Y9aNqUxK0WsnIIg==",
+      "requires": {
+        "@babel/types": "^7.20.0"
+      }
+    },
     "@babel/helper-split-export-declaration": {
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
@@ -8275,9 +8207,9 @@
       }
     },
     "@babel/standalone": {
-      "version": "7.20.11",
-      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.20.11.tgz",
-      "integrity": "sha512-WUPlwwXFk3iViGE7QFVVp423eVtT+eoXu1940Xu4QJgqgHBF6WWtlwO1Ip5rIWQnp7OHrGdwrwKLtLhUVfOZbA=="
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.20.12.tgz",
+      "integrity": "sha512-hK/X+m1il3w1tYS4H8LDaGCEdiT47SVqEXY8RiEAgou26BystipSU8ZL6EvBR6t5l7lTv0ilBiChXWblKJ5iUA=="
     },
     "@babel/template": {
       "version": "7.20.7",
@@ -8290,9 +8222,9 @@
       }
     },
     "@babel/traverse": {
-      "version": "7.20.10",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.10.tgz",
-      "integrity": "sha512-oSf1juCgymrSez8NI4A2sr4+uB/mFd9MXplYGPEBnfAuWmmyeVcHa6xLPiaRBcXkcb/28bgxmQLTVwFKE1yfsg==",
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.12.tgz",
+      "integrity": "sha512-MsIbFN0u+raeja38qboyF8TIT7K0BFzz/Yd/77ta4MsUsmP2RAnidIlwq7d5HFQrH/OZJecGV6B71C4zAgpoSQ==",
       "requires": {
         "@babel/code-frame": "^7.18.6",
         "@babel/generator": "^7.20.7",
@@ -8412,9 +8344,9 @@
       },
       "dependencies": {
         "node-fetch": {
-          "version": "2.6.7",
-          "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
-          "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
+          "version": "2.6.8",
+          "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.8.tgz",
+          "integrity": "sha512-RZ6dBYuj8dRSfxpUSu+NsdF1dpPpluJxwOp+6IoDp/sH2QNDSvurYsAa+F1WxY2RjA1iP93xhcsUoYbF2XBqVg==",
           "requires": {
             "whatwg-url": "^5.0.0"
           }
@@ -8422,9 +8354,9 @@
       }
     },
     "@netlify/functions": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@netlify/functions/-/functions-1.3.0.tgz",
-      "integrity": "sha512-hN/Fgpz8XIOBfsBPLYUMxVKBlCopgeqGB0popayicnmkFLnvKByTTMYgF01wcF9DBtBQdV0H2h1kPFpMl34I8w==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@netlify/functions/-/functions-1.4.0.tgz",
+      "integrity": "sha512-gy7ULTIRroc2/jyFVGx1djCmmBMVisIwrvkqggq5B6iDcInRSy2Tpkm+V5C63hKJVkNRskKWtLQKm9ecCaQTjA==",
       "requires": {
         "is-promise": "^4.0.0"
       }
@@ -8529,9 +8461,9 @@
       }
     },
     "@nuxt/ui-templates": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@nuxt/ui-templates/-/ui-templates-1.0.0.tgz",
-      "integrity": "sha512-jfpVHxi1AHfNO3D6iD1RJE6fx/7cAzekvG90poIzVawp/L+I4DNdy8pCgqBScJW4bfWOpHeLYbtQQlL/hPmkjw=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@nuxt/ui-templates/-/ui-templates-1.1.0.tgz",
+      "integrity": "sha512-KffiTNdVaZlkx0tgwopmy627WQclWO0kqFD1R646wawDbNlWkpmwj5qI5qoh2Rx13/O+KkYdc28H3JsQdQmXJw=="
     },
     "@nuxt/vite-builder": {
       "version": "3.0.0",
@@ -8583,23 +8515,23 @@
       }
     },
     "@prisma/client": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-4.8.0.tgz",
-      "integrity": "sha512-Y1riB0p2W52kh3zgssP/YAhln3RjBFcJy3uwEiyjmU+TQYh6QTZDRFBo3JtBWuq2FyMOl1Rye8jxzUP+n0l5Cg==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-4.9.0.tgz",
+      "integrity": "sha512-bz6QARw54sWcbyR1lLnF2QHvRW5R/Jxnbbmwh3u+969vUKXtBkXgSgjDA85nji31ZBlf7+FrHDy5x+5ydGyQDg==",
       "requires": {
-        "@prisma/engines-version": "4.8.0-61.d6e67a83f971b175a593ccc12e15c4a757f93ffe"
+        "@prisma/engines-version": "4.9.0-42.ceb5c99003b99c9ee2c1d2e618e359c14aef2ea5"
       }
     },
     "@prisma/engines": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-4.8.0.tgz",
-      "integrity": "sha512-A1Asn2rxZMlLAj1HTyfaCv0VQrLUv034jVay05QlqZg1qiHPeA3/pGTfNMijbsMYCsGVxfWEJuaZZuNxXGMCrA==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-4.9.0.tgz",
+      "integrity": "sha512-t1pt0Gsp+HcgPJrHFc+d/ZSAaKKWar2G/iakrE07yeKPNavDP3iVKPpfXP22OTCHZUWf7OelwKJxQgKAm5hkgw==",
       "devOptional": true
     },
     "@prisma/engines-version": {
-      "version": "4.8.0-61.d6e67a83f971b175a593ccc12e15c4a757f93ffe",
-      "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-4.8.0-61.d6e67a83f971b175a593ccc12e15c4a757f93ffe.tgz",
-      "integrity": "sha512-MHSOSexomRMom8QN4t7bu87wPPD+pa+hW9+71JnVcF3DqyyO/ycCLhRL1we3EojRpZxKvuyGho2REQsMCvxcJw=="
+      "version": "4.9.0-42.ceb5c99003b99c9ee2c1d2e618e359c14aef2ea5",
+      "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-4.9.0-42.ceb5c99003b99c9ee2c1d2e618e359c14aef2ea5.tgz",
+      "integrity": "sha512-M16aibbxi/FhW7z1sJCX8u+0DriyQYY5AyeTH7plQm9MLnURoiyn3CZBqAyIoQ+Z1pS77usCIibYJWSgleBMBA=="
     },
     "@rollup/plugin-alias": {
       "version": "4.0.2",
@@ -8797,36 +8729,36 @@
       "dev": true
     },
     "@unhead/dom": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/@unhead/dom/-/dom-1.0.14.tgz",
-      "integrity": "sha512-AMOOMUNbybHrvtuddy5aEkDibL3grwUCoUT1aHHqfvtEy86t/ftRGKT4T9znx54IxlXN9FnoNpeSOg4D8OP/5w==",
+      "version": "1.0.17",
+      "resolved": "https://registry.npmjs.org/@unhead/dom/-/dom-1.0.17.tgz",
+      "integrity": "sha512-iLVBQ1ck8r8U+n1Rdk93ry6NP0jgRXuJwrujXlYUFkrvbkXl08rTfyyXHT+AkA1aZgFLS9KtYtbEhwzNeWfZtg==",
       "requires": {
-        "@unhead/schema": "1.0.14"
+        "@unhead/schema": "1.0.17"
       }
     },
     "@unhead/schema": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/@unhead/schema/-/schema-1.0.14.tgz",
-      "integrity": "sha512-eL03X15KvI10igudFkvV1sWUIMcMGQed0qOk+V5fyp036NZLQ5MF9ygyZOKkZ71jbdL8/1Afe8+f2tklc4v8zQ==",
+      "version": "1.0.17",
+      "resolved": "https://registry.npmjs.org/@unhead/schema/-/schema-1.0.17.tgz",
+      "integrity": "sha512-Vfc6HWcZAzibzlzBMNhVTOC7AYqvq3QMIY6VF7myowl4xbSiPLOmp63ZWAXKavYjHDchAJXvL/PF+6sDaIeCLQ==",
       "requires": {
         "@zhead/schema": "^1.0.9",
         "hookable": "^5.4.2"
       }
     },
     "@unhead/ssr": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/@unhead/ssr/-/ssr-1.0.14.tgz",
-      "integrity": "sha512-ScireDoj8AJenQPi60KjGM21d9RePBqMKOKgJbTMLQIyEC34mssoOYU1r5tOexKZJiWJXzbu5qE+NIwoY8P/yA==",
+      "version": "1.0.17",
+      "resolved": "https://registry.npmjs.org/@unhead/ssr/-/ssr-1.0.17.tgz",
+      "integrity": "sha512-+Ghf7RO7GDdS1AR38FFpmn0ZmhlgYxmAD6xg79Zgen6blmlfYVsWTL78rjnkkBc6EB9qvnGVAcqYtjO+KwjljA==",
       "requires": {
-        "@unhead/schema": "1.0.14"
+        "@unhead/schema": "1.0.17"
       }
     },
     "@unhead/vue": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/@unhead/vue/-/vue-1.0.14.tgz",
-      "integrity": "sha512-PwJLCSq/eVLbLw7SbMCa20rEeL301w52UG2YhRpQTfsChBMBRGg3Nsl/PPWIurwkBXPpCsVL3AFppaCK5BCJ5Q==",
+      "version": "1.0.17",
+      "resolved": "https://registry.npmjs.org/@unhead/vue/-/vue-1.0.17.tgz",
+      "integrity": "sha512-yTz8yKMWpseWXSL449vIm0lAIxZAYSLiWRBhUG5vcAPo6L39fyKsBXiUOHt+ScYLAQaoxT2gEEIcsbHMxv5pmQ==",
       "requires": {
-        "@unhead/schema": "1.0.14",
+        "@unhead/schema": "1.0.17",
         "hookable": "^5.4.2"
       }
     },
@@ -9083,24 +9015,15 @@
       "integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg=="
     },
     "@vueuse/core": {
-      "version": "9.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.10.0.tgz",
-      "integrity": "sha512-CxMewME07qeuzuT/AOIQGv0EhhDoojniqU6pC3F8m5VC76L47UT18DcX88kWlP3I7d3qMJ4u/PD8iSRsy3bmNA==",
+      "version": "9.11.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.11.0.tgz",
+      "integrity": "sha512-7yZJ8LNOssA8ZmeSjd4F+wbFBA4csiP4TiaXgruqg1H4PAtzSkv93PPwFLvQkSnfo3Bar+e+6QoRvWjhz7l2Xg==",
       "dev": true,
       "requires": {
         "@types/web-bluetooth": "^0.0.16",
-        "@vueuse/metadata": "9.10.0",
-        "@vueuse/shared": "9.10.0",
+        "@vueuse/metadata": "9.11.0",
+        "@vueuse/shared": "9.11.0",
         "vue-demi": "*"
-      },
-      "dependencies": {
-        "vue-demi": {
-          "version": "0.13.11",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-          "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-          "dev": true,
-          "requires": {}
-        }
       }
     },
     "@vueuse/head": {
@@ -9115,49 +9038,31 @@
       }
     },
     "@vueuse/metadata": {
-      "version": "9.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.10.0.tgz",
-      "integrity": "sha512-G5VZhgTCapzU9rv0Iq2HBrVOSGzOKb+OE668NxhXNcTjUjwYxULkEhAw70FtRLMZc+hxcFAzDZlKYA0xcwNMuw==",
+      "version": "9.11.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.11.0.tgz",
+      "integrity": "sha512-HhtG2SWkcfZBLbamHdvLn7jKOCFpw/ifXjVTd5ilFkj98WVUk/3UTQ03wF1XIkuhSO4+b45hD2lfG9/GdKCF7w==",
       "dev": true
     },
     "@vueuse/nuxt": {
-      "version": "9.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-9.10.0.tgz",
-      "integrity": "sha512-Re63RiUzsEbYGGrES+2YY3Elqblu0XVIVogBJydLBgK4sINDbfnqX0MHDpBuV8MC2SZ/3ojQPMOaJdYIIidJeg==",
+      "version": "9.11.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-9.11.0.tgz",
+      "integrity": "sha512-gG6Zv85/2ra64elUa4jQGxOKL/rYfGxpJ90XYwOCGEfFaWGyU2PswO3dj8o0IFZHyv592LalAPBuQ/qIb+mfZw==",
       "dev": true,
       "requires": {
         "@nuxt/kit": "^3.0.0",
-        "@vueuse/core": "9.10.0",
-        "@vueuse/metadata": "9.10.0",
+        "@vueuse/core": "9.11.0",
+        "@vueuse/metadata": "9.11.0",
         "local-pkg": "^0.4.2",
         "vue-demi": "*"
-      },
-      "dependencies": {
-        "vue-demi": {
-          "version": "0.13.11",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-          "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-          "dev": true,
-          "requires": {}
-        }
       }
     },
     "@vueuse/shared": {
-      "version": "9.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.10.0.tgz",
-      "integrity": "sha512-vakHJ2ZRklAzqmcVBL38RS7BxdBA4+5poG9NsSyqJxrt9kz0zX3P5CXMy0Hm6LFbZXUgvKdqAS3pUH1zX/5qTQ==",
+      "version": "9.11.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.11.0.tgz",
+      "integrity": "sha512-8lO7wD5abYxupKy2KynH1pSgP715ky6iCrWYb8aX2AuAVi9uHXj7qE1dw6BnmArSaLHci4x9iuzWPCpAzUkC/A==",
       "dev": true,
       "requires": {
         "vue-demi": "*"
-      },
-      "dependencies": {
-        "vue-demi": {
-          "version": "0.13.11",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-          "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-          "dev": true,
-          "requires": {}
-        }
       }
     },
     "@zhead/schema": {
@@ -9527,9 +9432,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001441",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz",
-      "integrity": "sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg=="
+      "version": "1.0.30001446",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001446.tgz",
+      "integrity": "sha512-fEoga4PrImGcwUUGEol/PoFCSBnSkA9drgdkxXkJLsUBOnJ8rs3zDv6ApqYXGQFOyMPsjh79naWhF4DAxbF8rw=="
     },
     "chalk": {
       "version": "5.2.0",
@@ -9914,9 +9819,9 @@
       "integrity": "sha512-d4ZVpCW31eWwCMe1YT3ur7mUDnTXbgwyzaL320DrcRT45rfjYxkt5QWLrmOJ+/UEAI2+fQgKe/fCjR8l4TpRgw=="
     },
     "data-uri-to-buffer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz",
-      "integrity": "sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA=="
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
+      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A=="
     },
     "debug": {
       "version": "4.3.4",
@@ -10127,14 +10032,6 @@
         "debug": "~4.3.1",
         "engine.io-parser": "~5.0.3",
         "ws": "~8.2.3"
-      },
-      "dependencies": {
-        "ws": {
-          "version": "8.2.3",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
-          "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
-          "requires": {}
-        }
       }
     },
     "engine.io-client": {
@@ -10147,20 +10044,12 @@
         "engine.io-parser": "~5.0.3",
         "ws": "~8.2.3",
         "xmlhttprequest-ssl": "~2.0.0"
-      },
-      "dependencies": {
-        "ws": {
-          "version": "8.2.3",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
-          "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
-          "requires": {}
-        }
       }
     },
     "engine.io-parser": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.5.tgz",
-      "integrity": "sha512-mjEyaa4zhuuRhaSLOdjEb57X0XPP9JEsnXI4E+ivhwT0GgzUogARx4MqoY1jQyB+4Bkz3BUOmzL7t9RMKmlG3g=="
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.6.tgz",
+      "integrity": "sha512-tjuoZDMAdEhVnSFleYPCtdL2GXwVTGtNjoeJd9IhIG3C1xs9uwxqRNEu5WpnDZCaozwVlK/nuQhpodhXSIMaxw=="
     },
     "enhanced-resolve": {
       "version": "5.12.0",
@@ -10349,9 +10238,12 @@
       "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw=="
     },
     "estree-walker": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.1.tgz",
-      "integrity": "sha512-woY0RUD87WzMBUiZLx8NsYr23N5BKsOMZHhu2hoNRVh6NXGfoiT1KOL8G3UHlJAnEDGmfa5ubNA/AacfG+Kb0g=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "requires": {
+        "@types/estree": "^1.0.0"
+      }
     },
     "etag": {
       "version": "1.8.1",
@@ -10644,9 +10536,9 @@
       }
     },
     "glob": {
-      "version": "8.0.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-8.0.3.tgz",
-      "integrity": "sha512-ull455NHSHI/Y1FqGaaYFaLGkNMMJbavMrEGFXG/PGrg6y7sutWHUHrz6gy6WEBH6akM1M414dWKCNs+IhKdiQ==",
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
       "requires": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -10838,9 +10730,9 @@
       }
     },
     "ioredis": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/ioredis/-/ioredis-5.2.4.tgz",
-      "integrity": "sha512-qIpuAEt32lZJQ0XyrloCRdlEdUUNGG9i0UOk6zgzK6igyudNWqEBxfH6OlbnOOoBBvr1WB02mm8fR55CnikRng==",
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/ioredis/-/ioredis-5.2.5.tgz",
+      "integrity": "sha512-7HKo/ClM2DGLRXdFq8ruS3Uuadensz4A76wPOU0adqlOqd1qkhoLPDaBhmVhUhNGpB+J65/bhLmNB8DDY99HJQ==",
       "requires": {
         "@ioredis/commands": "^1.1.1",
         "cluster-key-slot": "^1.1.0",
@@ -10992,9 +10884,9 @@
       }
     },
     "jiti": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.16.0.tgz",
-      "integrity": "sha512-L3BJStEf5NAqNuzrpfbN71dp43mYIcBUlCRea/vdyv5dW/AYa1d4bpelko4SHdY3I6eN9Wzyasxirj1/vv5kmg=="
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.16.2.tgz",
+      "integrity": "sha512-OKBOVWmU3FxDt/UH4zSwiKPuc1nihFZiOD722FuJlngvLz2glX1v2/TJIgoA4+mrpnXxHV6dSAoCvPcYQtoG5A=="
     },
     "js-tokens": {
       "version": "4.0.0",
@@ -11026,9 +10918,9 @@
       }
     },
     "klona": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.5.tgz",
-      "integrity": "sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ=="
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
+      "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA=="
     },
     "knitwork": {
       "version": "1.0.0",
@@ -11093,9 +10985,9 @@
       }
     },
     "local-pkg": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.2.tgz",
-      "integrity": "sha512-mlERgSPrbxU3BP4qBqAvvwlgW4MTg78iwJdGGnv7kibKjWcJksrG3t6LB5lXI93wXRDvG4NpUgJFmTG4T6rdrg=="
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
+      "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g=="
     },
     "lodash": {
       "version": "4.17.21",
@@ -11300,9 +11192,9 @@
       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg=="
     },
     "minimatch": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.2.tgz",
-      "integrity": "sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==",
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
       "requires": {
         "brace-expansion": "^2.0.1"
       }
@@ -11352,6 +11244,11 @@
         }
       }
     },
+    "mitt": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.0.tgz",
+      "integrity": "sha512-7dX2/10ITVyqh4aOSVI9gdape+t9l2/8QxHrFmUXu4EEUpdlxl6RudZUPZoc+zuY2hk1j7XxVroIVIan/pD/SQ=="
+    },
     "mkdir": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/mkdir/-/mkdir-0.0.2.tgz",
@@ -11363,14 +11260,14 @@
       "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw=="
     },
     "mlly": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.0.0.tgz",
-      "integrity": "sha512-QL108Hwt+u9bXdWgOI0dhzZfACovn5Aen4Xvc8Jasd9ouRH4NjnrXEiyP3nVvJo91zPlYjVRckta0Nt2zfoR6g==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.1.0.tgz",
+      "integrity": "sha512-cwzBrBfwGC1gYJyfcy8TcZU1f+dbH/T+TuOhtYP2wLv/Fb51/uV7HJQfBPtEupZ2ORLRU1EKFS/QfS3eo9+kBQ==",
       "requires": {
         "acorn": "^8.8.1",
         "pathe": "^1.0.0",
-        "pkg-types": "^1.0.0",
-        "ufo": "^1.0.0"
+        "pkg-types": "^1.0.1",
+        "ufo": "^1.0.1"
       }
     },
     "mri": {
@@ -11489,9 +11386,9 @@
       "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA=="
     },
     "node-gyp-build": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.5.0.tgz",
-      "integrity": "sha512-2iGbaQBV+ITgCz76ZEjmhUKAKVf7xfY1sRl4UiKQspfZMH2h06SyhNsnSVy50cwkFQDGLyif6m/6uFXHkOZ6rg=="
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.0.tgz",
+      "integrity": "sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ=="
     },
     "node-releases": {
       "version": "2.0.8",
@@ -11794,20 +11691,12 @@
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
     },
     "pinia": {
-      "version": "2.0.28",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.28.tgz",
-      "integrity": "sha512-YClq9DkqCblq9rlyUual7ezMu/iICWdBtfJrDt4oWU9Zxpijyz7xB2xTwx57DaBQ96UGvvTMORzALr+iO5PVMw==",
+      "version": "2.0.29",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.29.tgz",
+      "integrity": "sha512-5z/KpFecq/cIgfeTnulJXldiLcTITRkTe3N58RKYSj0Pc1EdR6oyCdnf5A9jLoVwBqX5LtHhd0kGlpzWvk9oiQ==",
       "requires": {
         "@vue/devtools-api": "^6.4.5",
         "vue-demi": "*"
-      },
-      "dependencies": {
-        "vue-demi": {
-          "version": "0.13.11",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-          "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-          "requires": {}
-        }
       }
     },
     "pkg-types": {
@@ -11821,9 +11710,9 @@
       }
     },
     "postcss": {
-      "version": "8.4.20",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz",
-      "integrity": "sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==",
+      "version": "8.4.21",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
+      "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
       "requires": {
         "nanoid": "^3.3.4",
         "picocolors": "^1.0.0",
@@ -12179,12 +12068,12 @@
       "integrity": "sha512-6UqkYefdogmzqAZWzJ7laYeJnaXDy2/J+ZqiiMtS7t7OfpXWTlaeGMwX8U6EFvPV/YWWEKRkS8hKS4k60WHTOg=="
     },
     "prisma": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/prisma/-/prisma-4.8.0.tgz",
-      "integrity": "sha512-DWIhxvxt8f4h6MDd35mz7BJff+fu7HItW3WPDIEpCR3RzcOWyiHBbLQW5/DOgmf+pRLTjwXQob7kuTZVYUAw5w==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/prisma/-/prisma-4.9.0.tgz",
+      "integrity": "sha512-bS96oZ5oDFXYgoF2l7PJ3Mp1wWWfLOo8B/jAfbA2Pn0Wm5Z/owBHzaMQKS3i1CzVBDWWPVnOohmbJmjvkcHS5w==",
       "devOptional": true,
       "requires": {
-        "@prisma/engines": "4.8.0"
+        "@prisma/engines": "4.9.0"
       }
     },
     "process-nextick-args": {
@@ -12593,9 +12482,9 @@
       }
     },
     "socket.io-parser": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.1.tgz",
-      "integrity": "sha512-V4GrkLy+HeF1F/en3SpUaM+7XxYXpuMUWLGde1kSSh5nQMN4hLrbPIkD+otwh6q9R6NOQBN4AMaOZ2zVjui82g==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.2.tgz",
+      "integrity": "sha512-DJtziuKypFkMMHCm2uIshOYC7QaylbtzQwiMYDuCKy3OPkjLzu4B2vAhTlqipRHHzrI0NJeBAizTK7X+6m1jVw==",
       "requires": {
         "@socket.io/component-emitter": "~3.1.0",
         "debug": "~4.3.1"
@@ -12972,9 +12861,9 @@
       "integrity": "sha512-9DUOTGLOWs0pFWnh1p6NF+C3CkQ96PWmEFwhOVmT3WbecRC+68AIqpsnJXygfkFcp4aXbOp8Dwbhh/HQgvoRxA=="
     },
     "type-fest": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.5.0.tgz",
-      "integrity": "sha512-bI3zRmZC8K0tUz1HjbIOAGQwR2CoPQG68N5IF7gm0LBl8QSNXzkmaWnkWccCUL5uG9mCsp4sBwC8SBrNSISWew=="
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.5.2.tgz",
+      "integrity": "sha512-Ph7S4EhXzWy0sbljEuZo0tTNoLl+K2tPauGrQpcwUWrOVneLePTuhVzcuzVJJ6RU5DsNwQZka+8YtkXXU4z9cA=="
     },
     "ufo": {
       "version": "1.0.1",
@@ -12998,17 +12887,17 @@
       }
     },
     "undici": {
-      "version": "5.14.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-5.14.0.tgz",
-      "integrity": "sha512-yJlHYw6yXPPsuOH0x2Ib1Km61vu4hLiRRQoafs+WUgX1vO64vgnxiCEN9dpIrhZyHFsai3F0AEj4P9zy19enEQ==",
+      "version": "5.15.1",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-5.15.1.tgz",
+      "integrity": "sha512-XLk8g0WAngdvFqTI+VKfBtM4YWXgdxkf1WezC771Es0Dd+Pm1KmNx8t93WTC+Hh9tnghmVxkclU1HN+j+CvIUA==",
       "requires": {
         "busboy": "^1.6.0"
       }
     },
     "unenv": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unenv/-/unenv-1.0.0.tgz",
-      "integrity": "sha512-vlyi2Rzj4CNlA1JsEXufX+ItkGr3Z5DfLzKniYEneMlBVtuxS+57f1LwTPj2eiBPSPaGHMUVzEnjSCGE7l8JQg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/unenv/-/unenv-1.0.1.tgz",
+      "integrity": "sha512-08MoQ5+Edg9ckEP5y6vT8R6sOgCsNPxwPA1mKIOyergTtPOOuSyyJnbmF8CdnUplO2TUqSm0s1IysCkylxmndw==",
       "requires": {
         "defu": "^6.1.1",
         "mime": "^3.0.0",
@@ -13017,19 +12906,19 @@
       }
     },
     "unhead": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/unhead/-/unhead-1.0.14.tgz",
-      "integrity": "sha512-0i0UA6DS44ul0QN4ibP389EiykjHCe3B9gM5eg40O4O8KfDyXgFJ5osdGdfwkmzWR8uWUMLwauNE4FIEFk5NGg==",
+      "version": "1.0.17",
+      "resolved": "https://registry.npmjs.org/unhead/-/unhead-1.0.17.tgz",
+      "integrity": "sha512-JjKjFxKwsmsAl/nLu3uTqd7bSTGOu4bhDj2KSYGBBfTVBmzJVK8lC/Aj0q/1au5g4NH4la+ulbmo3oWU4BqICw==",
       "requires": {
-        "@unhead/dom": "1.0.14",
-        "@unhead/schema": "1.0.14",
+        "@unhead/dom": "1.0.17",
+        "@unhead/schema": "1.0.17",
         "hookable": "^5.4.2"
       }
     },
     "unimport": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/unimport/-/unimport-1.1.0.tgz",
-      "integrity": "sha512-dSufi3POQWUVAMU6DxXu39U0cWzz5m3FtQBUbgDJTkCpeRfyiYhDg+BOz6UPKfDPtEhkbshV8JoMV3I8i/mQ+A==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-1.2.0.tgz",
+      "integrity": "sha512-yMok/ubppurBE7Png1QH70Om96AxIoWCcfdxW3J/pziozShMc1UGpPgWpSckfo9ndAO5M74yNnRDdLAZy/gWQg==",
       "requires": {
         "@rollup/pluginutils": "^5.0.2",
         "escape-string-regexp": "^5.0.0",
@@ -13086,16 +12975,24 @@
         "ofetch": "^1.0.0",
         "ufo": "^1.0.0",
         "ws": "^8.11.0"
+      },
+      "dependencies": {
+        "ws": {
+          "version": "8.12.0",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-8.12.0.tgz",
+          "integrity": "sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig==",
+          "requires": {}
+        }
       }
     },
     "untyped": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/untyped/-/untyped-1.2.0.tgz",
-      "integrity": "sha512-nG0A55YEhUU5UCEM+nhIhCVkA8a4L1spIVtzO0937WDjEA6jrKpu184O2K9iv5UuJNHnwhu+Q3TXiSJh/JrjlQ==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/untyped/-/untyped-1.2.2.tgz",
+      "integrity": "sha512-EANYd5L6AdpgfldlgMcmvOOnj092nWhy0ybhc7uhEH12ipytDYz89EOegBQKj8qWL3u1wgYnmFjADhsuCJs5Aw==",
       "requires": {
-        "@babel/core": "^7.20.5",
-        "@babel/standalone": "^7.20.6",
-        "@babel/types": "^7.20.5",
+        "@babel/core": "^7.20.12",
+        "@babel/standalone": "^7.20.12",
+        "@babel/types": "^7.20.7",
         "scule": "^1.0.0"
       }
     },
@@ -13326,6 +13223,12 @@
         "ufo": "^1.0.0"
       }
     },
+    "vue-demi": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+      "requires": {}
+    },
     "vue-devtools-stub": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/vue-devtools-stub/-/vue-devtools-stub-0.1.0.tgz",
@@ -13438,9 +13341,9 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "ws": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
-      "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
+      "version": "8.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
+      "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
       "requires": {}
     },
     "xmlhttprequest-ssl": {
diff --git a/package.json b/package.json
index 4312b21..dfd8dfd 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "bcryptjs": "^2.4.3",
     "emoji-datasource-twitter": "^14.0.0",
     "emoji-regex": "^10.2.1",
+    "mitt": "^3.0.0",
     "nuxt": "^3.0.0",
     "pinia": "^2.0.28",
     "socket.io": "^4.5.4",
diff --git a/pages/channel/@me/[id].vue b/pages/channel/@me/[id].vue
index a4f38bf..0b2a8a6 100644
--- a/pages/channel/@me/[id].vue
+++ b/pages/channel/@me/[id].vue
@@ -1,5 +1,12 @@
 <template>
 	<MessagePane />
+	<div class="fixed mr-3"
+		:style="`top: ${emojiPickerData.top}px; right: ${emojiPickerData.right}px`">
+		<Transition>
+			<EmojiPicker v-on:pickedEmoji="pickedEmoji($event)"
+				:opened="emojiPickerData.opened" />
+		</Transition>
+	</div>
 </template>
 
 <script lang="ts">
@@ -11,6 +18,15 @@ definePageMeta({
 })
 
 export default {
+	data() {
+		return {
+			emojiPickerData: storeToRefs(useGlobalStore()).emojiPickerData,
+			emojiPickerStyles: {
+				top: storeToRefs(useGlobalStore()).emojiPickerData.top + 'px',
+				right: storeToRefs(useGlobalStore()).emojiPickerData.right + 'px',
+			}
+		}
+	},
 	async setup() {
 		const route = useRoute()
 		const headers = useRequestHeaders(['cookie']) as Record<string, string>
@@ -22,6 +38,7 @@ export default {
 		if (typeof route.params.id !== 'string') throw new Error('route.params.id must be a string, but got an array presumably?')
 		useGlobalStore().setActiveServer('dms', route.params.id);
 		useGlobalStore().setActiveChannel(server)
+		useGlobalStore().closeEmojiPicker()
 
 		server.messages?.forEach((e) => {
 			e.body = parseMessageBody(e.body, useGlobalStore().activeChannel)
@@ -34,9 +51,29 @@ export default {
 	async updated() {
 		const route = useRoute()
 		if (typeof route.params.id !== 'string') throw new Error('route.params.id must be a string, but got an array presumably?')
-		if (useGlobalStore().activeServer !== this.server) {
+		if (useGlobalStore().activeServer.id !== this.server.id) {
+			useGlobalStore().closeEmojiPicker()
 			useGlobalStore().setActiveServer('dms', route.params.id)
 		}
 	},
+	methods: {
+		pickedEmoji(emoji: string) {
+			const { $emit } = useNuxtApp()
+			$emit('pickedEmoji', emoji)
+			useGlobalStore().closeEmojiPicker()
+		},
+	}
 }
-</script>
\ No newline at end of file
+</script>
+
+<style>
+.v-enter-active,
+.v-leave-active {
+  transition: opacity 0.5s ease;
+}
+
+.v-enter-from,
+.v-leave-to {
+  opacity: 0;
+}
+</style>
\ No newline at end of file
diff --git a/pages/channel/[id].vue b/pages/channel/[id].vue
index 2255fad..b669f0f 100644
--- a/pages/channel/[id].vue
+++ b/pages/channel/[id].vue
@@ -1,5 +1,12 @@
 <template>
 	<MessagePane />
+	<div class="fixed mr-3"
+		:style="`top: ${emojiPickerData.top}px; right: ${emojiPickerData.right}px`">
+		<Transition>
+			<EmojiPicker v-on:pickedEmoji="pickedEmoji($event)"
+				:opened="emojiPickerData.opened" />
+		</Transition>
+	</div>
 </template>
 
 <script lang="ts">
@@ -15,6 +22,11 @@ export default {
 	data() {
 		return {
 			socket: storeToRefs(useGlobalStore()).socket as unknown as Server,
+			emojiPickerData: storeToRefs(useGlobalStore()).emojiPickerData,
+			emojiPickerStyles: {
+				top: storeToRefs(useGlobalStore()).emojiPickerData.top + 'px',
+				right: storeToRefs(useGlobalStore()).emojiPickerData.right + 'px',
+			}
 		}
 	},
 	mounted() {
@@ -31,7 +43,8 @@ export default {
 		this.server = await $fetch(`/api/channels/${route.params.id}`, { headers });
 
 		if (typeof route.params.id !== 'string') throw new Error('route.params.id must be a string, but got an array presumiably?')
-		if (useGlobalStore().activeServer.id !== this.server.id) {
+		if (useGlobalStore().activeChannel.id !== this.server.id) {
+			useGlobalStore().closeEmojiPicker()
 			useGlobalStore().setActiveServer('servers', route.params.id)
 			// update the server with the refreshed data
 			useGlobalStore().updateServer(route.params.id, this.server.server)
@@ -49,6 +62,7 @@ export default {
 		if (typeof route.params.id !== 'string') throw new Error('route.params.id must be a string, but got an array presumiably?')
 		useGlobalStore().setActiveServer('servers', route.params.id)
 		useGlobalStore().setActiveChannel(server)
+		useGlobalStore().closeEmojiPicker()
 
 		server.messages?.forEach((e) => {
 			e.body = parseMessageBody(e.body, useGlobalStore().activeChannel)
@@ -58,5 +72,12 @@ export default {
 			server,
 		}
 	},
+	methods: {
+		pickedEmoji(emoji: string) {
+			const { $emit } = useNuxtApp()
+			$emit('pickedEmoji', emoji)
+			useGlobalStore().closeEmojiPicker()
+		},
+	}
 }
 </script>
\ No newline at end of file
diff --git a/plugins/mitt.ts b/plugins/mitt.ts
new file mode 100644
index 0000000..6018c7b
--- /dev/null
+++ b/plugins/mitt.ts
@@ -0,0 +1,12 @@
+import mitt from 'mitt'
+
+export default defineNuxtPlugin(() => {
+  const emitter = mitt()
+
+  return {
+    provide: {
+      emit: emitter.emit, // Will emit an event
+      listen: emitter.on // Will register a listener for an event
+    }
+  }
+})
\ No newline at end of file
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 5a07b0b..380fb28 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -1,34 +1,50 @@
+generator client {
+  provider = "prisma-client-js"
+}
+
 datasource db {
   provider = "postgresql"
   url      = env("DATABASE_URL")
 }
 
-generator client {
-  provider = "prisma-client-js"
+model User {
+  id                     String          @id @default(cuid())
+  email                  String          @unique
+  username               String          @unique
+  passwordhash           String
+  createdAt              DateTime        @default(now())
+  messages               Message[]
+  session                Session[]
+  channels               Channel[]       @relation("ChannelToUser")
+  Reactions              Reaction[]      @relation("ReactionToUser")
+  roles                  Role[]          @relation("RoleToUser")
+  servers                Server[]        @relation("ServerToUser")
+  incomingFriendRequests friendRequest[] @relation("FriendRequestToUser")
+  outgoingFriendRequests friendRequest[] @relation("UserToFriendRequest")
+  friends                User[]          @relation("UserToFriends")
+
+  // This second "side" of the UserFriends relation exists solely 
+  // to satisfy prisma's requirements; we won't access it directly.
+  symmetricFriends User[] @relation("UserToFriends")
 }
 
-model User {
-  id           String     @id @default(cuid())
-  email        String     @unique
-  username     String     @unique
-  passwordhash String
-  servers      Server[]
-  messages     Message[]
-  session      Session[]
-  channels     Channel[]
-  roles        Role[]
-  createdAt    DateTime   @default(now())
-  Reactions    Reaction[]
+model friendRequest {
+  id          String @id @default(cuid())
+  sender      User   @relation(fields: [senderId], references: [id], name: "UserToFriendRequest")
+  recipient   User   @relation(fields: [recipientId], references: [id], name: "FriendRequestToUser")
+  senderId    String
+  recipientId String
+  status      String @default("sent")
 }
 
 model Server {
   id           String       @id @default(cuid())
   name         String
-  participants User[]
-  channels     Channel[]
-  roles        Role[]
-  InviteCode   InviteCode[]
   createdAt    DateTime     @default(now())
+  channels     Channel[]
+  InviteCode   InviteCode[]
+  roles        Role[]
+  participants User[]       @relation("ServerToUser")
 }
 
 model Role {
@@ -36,43 +52,43 @@ model Role {
   name          String
   administrator Boolean @default(false)
   owner         Boolean @default(false)
-  users         User[]
-  server        Server? @relation(fields: [serverId], references: [id])
   serverId      String?
+  server        Server? @relation(fields: [serverId], references: [id])
+  users         User[]  @relation("RoleToUser")
 }
 
 model Channel {
   id             String    @id @default(cuid())
   name           String
-  server         Server?   @relation(fields: [serverId], references: [id])
   serverId       String?
-  messages       Message[]
   DM             Boolean   @default(false)
-  dmParticipants User[]
+  server         Server?   @relation(fields: [serverId], references: [id])
+  messages       Message[]
+  dmParticipants User[]    @relation("ChannelToUser")
 }
 
 model Message {
   id        String       @id @default(cuid())
   body      String
-  channel   Channel      @relation(fields: [channelId], references: [id])
-  creator   User         @relation(fields: [userId], references: [id])
   userId    String
   channelId String
-  invites   InviteCode[]
-  reactions Reaction[]
   createdAt DateTime     @default(now())
   updatedAt DateTime     @updatedAt
+  invites   InviteCode[]
+  channel   Channel      @relation(fields: [channelId], references: [id])
+  creator   User         @relation(fields: [userId], references: [id])
+  reactions Reaction[]
 }
 
 model InviteCode {
   id         String    @id @default(cuid())
-  server     Server    @relation(fields: [serverId], references: [id])
   expires    Boolean   @default(false)
   expiryDate DateTime?
   maxUses    Int       @default(0)
   serverId   String
-  message    Message?  @relation(fields: [messageId], references: [id])
   messageId  String?
+  message    Message?  @relation(fields: [messageId], references: [id])
+  server     Server    @relation(fields: [serverId], references: [id])
 }
 
 model Session {
@@ -82,16 +98,11 @@ model Session {
   user   User   @relation(fields: [userId], references: [id])
 }
 
-model ExpiredSession {
-  id    String @id @default(cuid())
-  token String
-}
-
 model Reaction {
   id        String   @id @default(cuid())
   emoji     Json
   count     Int
-  users     User[]
-  Message   Message? @relation(fields: [messageId], references: [id])
   messageId String?
+  Message   Message? @relation(fields: [messageId], references: [id])
+  users     User[]   @relation("ReactionToUser")
 }
diff --git a/server/api/getCurrentUser.get.ts b/server/api/getCurrentUser.get.ts
index d54b66d..63cc876 100644
--- a/server/api/getCurrentUser.get.ts
+++ b/server/api/getCurrentUser.get.ts
@@ -17,6 +17,12 @@ export default defineEventHandler(async (event) => {
 		select: {
 			id: true,
 			username: true,
+			friends: {
+				select: {
+					id: true,
+					username: true,
+				}
+			}
 		}
 	}) as SafeUser | null;
 
diff --git a/stores/store.ts b/stores/store.ts
index 15726df..c803c55 100644
--- a/stores/store.ts
+++ b/stores/store.ts
@@ -1,7 +1,7 @@
 import { channel } from "diagnostics_channel";
 import { serve } from "esbuild";
 import { Socket } from "socket.io-client";
-import { SafeUser, IServer, IChannel, IMessage } from "../types";
+import { SafeUser, IServer, IChannel, IMessage, IEmojiPickerData } from "../types";
 
 export const useGlobalStore = defineStore('global', {
 	state: () => ({
@@ -11,6 +11,7 @@ export const useGlobalStore = defineStore('global', {
 		user: {} as SafeUser,
 		dms: [] as IChannel[],
 		servers: [] as IServer[],
+		emojiPickerData: {} as IEmojiPickerData,
 		socket: null as unknown
 	}),
 	actions: {
@@ -89,6 +90,33 @@ export const useGlobalStore = defineStore('global', {
 			if (!this.activeChannel.messages.find(m => m.id === messageId)) return;
 			this.activeChannel.messages = this.activeChannel.messages.filter(m => m.id !== messageId)
 		},
+		openEmojiPicker(payload: IEmojiPickerData) {
+			this.emojiPickerData.top = payload.top;
+			this.emojiPickerData.right = payload.right;
+			this.emojiPickerData.openedBy = payload.openedBy;
+			this.emojiPickerData.opened = true;
+		},
+		toggleEmojiPicker(payload: IEmojiPickerData) {
+			let messageId;
+			if (this.emojiPickerData.openedBy === undefined) {
+				messageId = null
+			} else {
+				messageId = this.emojiPickerData.openedBy.messageId || null
+			}
+
+			console.log(!this.emojiPickerData.opened || payload.openedBy.messageId !== messageId, this.emojiPickerData.opened, payload.openedBy.messageId, messageId)
+
+			if (!this.emojiPickerData.opened || payload.openedBy.messageId !== messageId) {
+				this.openEmojiPicker(payload)
+			} else {
+				this.closeEmojiPicker()
+			}
+		},
+		closeEmojiPicker() {
+			console.log('closeEmojiPicker')
+			if (this.emojiPickerData.openedBy) this.emojiPickerData.openedBy.messageId = '';
+			this.emojiPickerData.opened = false;
+		},
 		logout() {
 			this.dms = []
 			this.servers = []
diff --git a/types/index.ts b/types/index.ts
index 9c8eddf..efcb1cf 100644
--- a/types/index.ts
+++ b/types/index.ts
@@ -75,4 +75,14 @@ export interface IReaction {
 	users: IUser[];
 	Message: IMessage;
 	messageId: string;
+}
+
+export interface IEmojiPickerData {
+	opened: boolean;
+	top: number;
+	right: number;
+	openedBy: {
+		type: "message" | "messageInput";
+		messageId?: string;
+	};
 }
\ No newline at end of file