diff --git a/src/router/index.ts b/src/router/index.ts
index 37a3c07..2f228ad 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -85,9 +85,17 @@ const router = createRouter({
           component: () => import('@/views/problem/ProblemSubmissionView.vue')
         },
         {
-          path: 'editorial',
+          path: 'editorials',
+          component: () => import('@/views/problem/ProblemEditorialsView.vue')
+        },
+        {
+          path: 'editorials/:editorialId',
           component: () => import('@/views/problem/ProblemEditorialView.vue')
         },
+        {
+          path: 'editorials/:editorialId/edit',
+          component: () => import('@/views/problem/ProblemEditorialEditView.vue')
+        },
         {
           path: 'edit',
           component: () => import('@/views/problem/ProblemEditView.vue')
diff --git a/src/views/problem/ProblemEditorialEditView.vue b/src/views/problem/ProblemEditorialEditView.vue
new file mode 100644
index 0000000..d7c20da
--- /dev/null
+++ b/src/views/problem/ProblemEditorialEditView.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h2>Problem Editorial Edit</h2>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/src/views/problem/ProblemEditorialsView.vue b/src/views/problem/ProblemEditorialsView.vue
new file mode 100644
index 0000000..c2798ee
--- /dev/null
+++ b/src/views/problem/ProblemEditorialsView.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h2>Problem Editorials</h2>
+  </div>
+</template>
+
+<style scoped></style>