diff --git a/frontend_nuxt/pages/posts/[id]/edit.vue b/frontend_nuxt/pages/posts/[id]/edit.vue
index a8f89a431..b7030b77c 100644
--- a/frontend_nuxt/pages/posts/[id]/edit.vue
+++ b/frontend_nuxt/pages/posts/[id]/edit.vue
@@ -38,12 +38,12 @@
 <script>
 import { ref, onMounted, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import PostEditor from '../components/PostEditor.vue'
-import CategorySelect from '../components/CategorySelect.vue'
-import TagSelect from '../components/TagSelect.vue'
-import { API_BASE_URL, toast } from '../main'
-import { getToken, authState } from '../utils/auth'
-import LoginOverlay from '../components/LoginOverlay.vue'
+import PostEditor from '../../../components/PostEditor.vue'
+import CategorySelect from '../../../components/CategorySelect.vue'
+import TagSelect from '../../../components/TagSelect.vue'
+import { API_BASE_URL, toast } from '../../../main'
+import { getToken, authState } from '../../../utils/auth'
+import LoginOverlay from '../../../components/LoginOverlay.vue'
 
 export default {
   name: 'EditPostPageView',
diff --git a/frontend_nuxt/pages/posts/[id].vue b/frontend_nuxt/pages/posts/[id]/index.vue
similarity index 97%
rename from frontend_nuxt/pages/posts/[id].vue
rename to frontend_nuxt/pages/posts/[id]/index.vue
index 2ccb9e782..bf0b979aa 100644
--- a/frontend_nuxt/pages/posts/[id].vue
+++ b/frontend_nuxt/pages/posts/[id]/index.vue
@@ -108,20 +108,20 @@
 import { ref, computed, onMounted, onBeforeUnmount, nextTick, watch } from 'vue'
 import VueEasyLightbox from 'vue-easy-lightbox'
 import { useRoute } from 'vue-router'
-import CommentItem from '../components/CommentItem.vue'
-import CommentEditor from '../components/CommentEditor.vue'
-import BaseTimeline from '../components/BaseTimeline.vue'
-import ArticleTags from '../components/ArticleTags.vue'
-import ArticleCategory from '../components/ArticleCategory.vue'
-import ReactionsGroup from '../components/ReactionsGroup.vue'
-import DropdownMenu from '../components/DropdownMenu.vue'
-import { renderMarkdown, handleMarkdownClick, stripMarkdownLength } from '../utils/markdown'
-import { API_BASE_URL, toast } from '../main'
-import { getToken, authState } from '../utils/auth'
-import TimeManager from '../utils/time'
+import CommentItem from '../../../components/CommentItem.vue'
+import CommentEditor from '../../../components/CommentEditor.vue'
+import BaseTimeline from '../../../components/BaseTimeline.vue'
+import ArticleTags from '../../../components/ArticleTags.vue'
+import ArticleCategory from '../../../components/ArticleCategory.vue'
+import ReactionsGroup from '../../../components/ReactionsGroup.vue'
+import DropdownMenu from '../../../components/DropdownMenu.vue'
+import { renderMarkdown, handleMarkdownClick, stripMarkdownLength } from '../../../utils/markdown'
+import { API_BASE_URL, toast } from '../../../main'
+import { getToken, authState } from '../../../utils/auth'
+import TimeManager from '../../../utils/time'
 import { useRouter } from 'vue-router'
-import { isMobile } from '../utils/screen'
-import Dropdown from '../components/Dropdown.vue'
+import { isMobile } from '../../../utils/screen'
+import Dropdown from '../../../components/Dropdown.vue'
 
 export default {
   name: 'PostPageView',