diff --git a/app/components/AttachmentItem.vue b/app/components/Attachment/AttachmentItem.vue
similarity index 100%
rename from app/components/AttachmentItem.vue
rename to app/components/Attachment/AttachmentItem.vue
diff --git a/app/components/AttachmentList.vue b/app/components/Attachment/AttachmentList.vue
similarity index 100%
rename from app/components/AttachmentList.vue
rename to app/components/Attachment/AttachmentList.vue
diff --git a/app/components/PostEditor.vue b/app/components/Post/PostEditor.vue
similarity index 100%
rename from app/components/PostEditor.vue
rename to app/components/Post/PostEditor.vue
diff --git a/app/components/PostHeader.vue b/app/components/Post/PostHeader.vue
similarity index 100%
rename from app/components/PostHeader.vue
rename to app/components/Post/PostHeader.vue
diff --git a/app/components/PostItem.vue b/app/components/Post/PostItem.vue
similarity index 100%
rename from app/components/PostItem.vue
rename to app/components/Post/PostItem.vue
diff --git a/app/components/PostReactionList.vue b/app/components/Post/PostReactionList.vue
similarity index 100%
rename from app/components/PostReactionList.vue
rename to app/components/Post/PostReactionList.vue
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 19b33c9..c84fc14 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -44,8 +44,8 @@ import { useUserStore } from "~/stores/user"
 import { useSolarNetwork } from "~/composables/useSolarNetwork"
 import type { SnVersion, SnActivity } from "~/types/api"
 
-import PostEditor from "~/components/PostEditor.vue"
-import PostItem from "~/components/PostItem.vue"
+import PostEditor from "~/components/Post/PostEditor.vue"
+import PostItem from "~/components/Post/PostItem.vue"
 
 import IconLight from "~/assets/images/cloudy-lamb.png"
 
diff --git a/app/pages/posts/[id].vue b/app/pages/posts/[id].vue
index 4f8e02b..09e6926 100644
--- a/app/pages/posts/[id].vue
+++ b/app/pages/posts/[id].vue
@@ -131,10 +131,6 @@ import { computed } from "vue"
 import { useMarkdownProcessor } from "~/composables/useMarkdownProcessor"
 import type { SnPost } from "~/types/api"
 
-import PostHeader from "~/components/PostHeader.vue"
-import AttachmentList from "~/components/AttachmentList.vue"
-import PostReactionList from "~/components/PostReactionList.vue"
-
 const route = useRoute()
 const id = route.params.id as string
 
diff --git a/nuxt.config.ts b/nuxt.config.ts
index b9cf96a..91411b7 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -21,6 +21,12 @@ export default defineNuxtConfig({
       link: [{ rel: "icon", type: "image/png", href: "/favicon.png" }]
     }
   },
+  components: [
+    {
+      path: "~/components",
+      pathPrefix: false
+    }
+  ],
   site: {
     url: process.env.NUXT_PUBLIC_SITE_URL || "https://solian.app",
     name: "Solar Network"