From 86ddae62b28be7274132080a1459beb7fd60be40 Mon Sep 17 00:00:00 2001
From: JustTemmie <47639983+JustTemmie@users.noreply.github.com>
Date: Sun, 13 Jul 2025 20:34:59 +0200
Subject: [PATCH] chore: sort components into subfolders

---
 app.vue                                              | 2 +-
 components/{Dropdown.vue => Guild/GuildDropdown.vue} | 0
 components/{ => Guild}/GuildOptionsMenu.vue          | 2 +-
 components/Me/AddFriend.vue                          | 2 +-
 components/{ => Modals}/InviteModal.vue              | 2 +-
 components/{ => Modals}/Modal.vue                    | 2 +-
 components/{ => UserInterface}/ContextMenu.vue       | 0
 components/{ => UserInterface}/MessageReply.vue      | 0
 layouts/client.vue                                   | 6 +++---
 pages/servers/[serverId]/channels/[channelId].vue    | 5 +++--
 utils/createContextMenu.ts                           | 2 +-
 utils/replyToMessage.ts                              | 2 +-
 12 files changed, 13 insertions(+), 12 deletions(-)
 rename components/{Dropdown.vue => Guild/GuildDropdown.vue} (100%)
 rename components/{ => Guild}/GuildOptionsMenu.vue (95%)
 rename components/{ => Modals}/InviteModal.vue (96%)
 rename components/{ => Modals}/Modal.vue (96%)
 rename components/{ => UserInterface}/ContextMenu.vue (100%)
 rename components/{ => UserInterface}/MessageReply.vue (100%)

diff --git a/app.vue b/app.vue
index 9aeae9d..c6db309 100644
--- a/app.vue
+++ b/app.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script lang="ts" setup>
-import ContextMenu from '~/components/ContextMenu.vue';
+import ContextMenu from '~/components/UserInterface/ContextMenu.vue';
 import { render } from 'vue';
 
 const banner = useState("banner", () => false);
diff --git a/components/Dropdown.vue b/components/Guild/GuildDropdown.vue
similarity index 100%
rename from components/Dropdown.vue
rename to components/Guild/GuildDropdown.vue
diff --git a/components/GuildOptionsMenu.vue b/components/Guild/GuildOptionsMenu.vue
similarity index 95%
rename from components/GuildOptionsMenu.vue
rename to components/Guild/GuildOptionsMenu.vue
index e9bbcf9..86fdaf4 100644
--- a/components/GuildOptionsMenu.vue
+++ b/components/Guild/GuildOptionsMenu.vue
@@ -8,7 +8,7 @@
 
 <script lang="ts" setup>
 import { render } from 'vue';
-import InviteModal from './InviteModal.vue';
+import InviteModal from '../Modals/InviteModal.vue';
 
 const settings = [
   { name: "Invite", icon: "lucide:letter", action: openInviteModal }
diff --git a/components/Me/AddFriend.vue b/components/Me/AddFriend.vue
index 49aa112..6d2d888 100644
--- a/components/Me/AddFriend.vue
+++ b/components/Me/AddFriend.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts" setup>
-import Button from '../UserInterface/Button.vue';
+import Button from '~/components/UserInterface/Button.vue';
 
 const inputField = ref<HTMLInputElement>();
 const { addFriend } = useApi();
diff --git a/components/InviteModal.vue b/components/Modals/InviteModal.vue
similarity index 96%
rename from components/InviteModal.vue
rename to components/Modals/InviteModal.vue
index d532ae3..9c26bc2 100644
--- a/components/InviteModal.vue
+++ b/components/Modals/InviteModal.vue
@@ -15,7 +15,7 @@
 
 <script lang="ts" setup>
 import type { InviteResponse, ModalProps } from '~/types/interfaces';
-import Button from './UserInterface/Button.vue';
+import Button from '~/components/UserInterface/Button.vue';
 
 const props = defineProps<ModalProps & { guildId: string }>();
 
diff --git a/components/Modal.vue b/components/Modals/Modal.vue
similarity index 96%
rename from components/Modal.vue
rename to components/Modals/Modal.vue
index 041dd1a..1f57901 100644
--- a/components/Modal.vue
+++ b/components/Modals/Modal.vue
@@ -12,7 +12,7 @@
 
 <script lang="ts" setup>
 import type { ModalProps } from '~/types/interfaces';
-import Button from './UserInterface/Button.vue';
+import Button from '~/components/UserInterface/Button.vue';
 
 const props = defineProps<ModalProps>();
 const dialog = ref<HTMLDialogElement>();
diff --git a/components/ContextMenu.vue b/components/UserInterface/ContextMenu.vue
similarity index 100%
rename from components/ContextMenu.vue
rename to components/UserInterface/ContextMenu.vue
diff --git a/components/MessageReply.vue b/components/UserInterface/MessageReply.vue
similarity index 100%
rename from components/MessageReply.vue
rename to components/UserInterface/MessageReply.vue
diff --git a/layouts/client.vue b/layouts/client.vue
index 6b3bfa1..b609c2c 100644
--- a/layouts/client.vue
+++ b/layouts/client.vue
@@ -39,8 +39,8 @@
 
 <script lang="ts" setup>
 import { render } from 'vue';
-import Dropdown from '~/components/Dropdown.vue';
-import Modal from '~/components/Modal.vue';
+import GuildDropdown from '~/components/Guild/GuildDropdown.vue';
+import Modal from '~/components/Modals/Modal.vue';
 import Button from '~/components/UserInterface/Button.vue';
 import type { GuildResponse } from '~/types/interfaces';
 
@@ -180,7 +180,7 @@ const members = [
 ];
 
 function createDropdown() {
-	const dropdown = h(Dropdown, { options });
+	const dropdown = h(GuildDropdown, { options });
 	const div = document.createElement("div");
 	div.classList.add("dropdown", "destroy-on-click");
 	if (createButtonContainer.value) {
diff --git a/pages/servers/[serverId]/channels/[channelId].vue b/pages/servers/[serverId]/channels/[channelId].vue
index 4393a5d..d9f6d97 100644
--- a/pages/servers/[serverId]/channels/[channelId].vue
+++ b/pages/servers/[serverId]/channels/[channelId].vue
@@ -25,6 +25,9 @@
 
 <script lang="ts" setup>
 import ChannelEntry from "~/components/Guild/ChannelEntry.vue";
+import GuildOptionsMenu from "~/components/Guild/GuildOptionsMenu.vue";
+import MemberEntry from "~/components/Member/MemberEntry.vue";
+import type { ChannelResponse, GuildMemberResponse, GuildResponse, MessageResponse } from "~/types/interfaces";
 
 const route = useRoute();
 
@@ -41,8 +44,6 @@ const members = ref<GuildMemberResponse[]>();
 const showInvitePopup = ref(false);
 const showGuildSettings = ref(false);
 
-import type { ChannelResponse, GuildMemberResponse, GuildResponse, MessageResponse } from "~/types/interfaces";
-
 //const servers = await fetchWithApi("/servers") as { uuid: string, name: string, description: string }[];
 //console.log("channelid: servers:", servers);
 
diff --git a/utils/createContextMenu.ts b/utils/createContextMenu.ts
index f3c4aab..88fe6fb 100644
--- a/utils/createContextMenu.ts
+++ b/utils/createContextMenu.ts
@@ -1,5 +1,5 @@
 import { render } from "vue";
-import ContextMenu from "~/components/ContextMenu.vue";
+import ContextMenu from "~/components/UserInterface/ContextMenu.vue";
 import type { ContextMenuItem } from "~/types/interfaces";
 
 export default (e: MouseEvent, menuItems: ContextMenuItem[]) => {
diff --git a/utils/replyToMessage.ts b/utils/replyToMessage.ts
index bbb453b..cab6152 100644
--- a/utils/replyToMessage.ts
+++ b/utils/replyToMessage.ts
@@ -1,5 +1,5 @@
 import { render } from "vue";
-import MessageReply from "~/components/MessageReply.vue";
+import MessageReply from "~/components/UserInterface/MessageReply.vue";
 import type { MessageProps } from "~/types/props";
 
 export default (element: HTMLDivElement, props: MessageProps) => {