refactor: use name instead of path to nav in links

src/views/quiz/CreateQuestion.vue

@@ -14,6 +14,7 @@ import { createQuestion } from '@/server/question'
 import QuestionEditorFactory from '@/views/quiz/components/QuestionEditorFactory'
 
 export default {
+  name: 'CreateQuestion',
   components: { QuestionEditorFactory, QuestionKindBar, BackTitle },
   data() {
     return { currentKind: QuestionKind.choice }

src/views/quiz/EditQuestion.vue

@@ -12,6 +12,7 @@ import { getQuestionById, updateQuestion } from '@/server/question'
 import QuestionEditorFactory from '@/views/quiz/components/QuestionEditorFactory'
 
 export default {
+  name: 'EditQuestion',
   components: { QuestionEditorFactory, BackTitle },
   data() {
     return {

src/views/quiz/QuestionDetail.vue

@@ -12,6 +12,7 @@ import BackTitle from '@/components/Basic/BackTitle'
 import QuestionDetailFactory from '@/views/quiz/components/QuestionDetailFactory'
 
 export default {
+  name: 'QuestionDetail',
   components: { QuestionDetailFactory, BackTitle },
   data() {
     return {

src/views/quiz/Questions.vue

@@ -11,6 +11,7 @@
 import BackTitle from '@/components/Basic/BackTitle'
 import QuestionTable from '@/views/quiz/components/QuestionTable'
 export default {
+  name: 'Questions',
   components: { QuestionTable, BackTitle }
 }
 </script>

src/views/quiz/QuizDetail.vue

@@ -15,6 +15,7 @@ import QuizResult from '@/views/quiz/components/QuizResult'
 import { QuizState } from '@/server/enums/quiz-state'
 
 export default {
+  name: 'QuizDetail',
   components: { QuizResult, QuizDetailFactory, BackTitle },
   data() {
     return {

src/views/quiz/QuizView.vue

@@ -19,6 +19,7 @@ import { QuizStateNaming } from '@/server/enums/quiz-state'
 import { getQuizList } from '@/server/quiz'
 import TabSideComponent from '@/components/Layouts/TabSideComponent'
 export default {
+  name: 'QuizView',
   components: { TabSideComponent, BackTitle },
   data() {
     return {

src/views/quiz/TeacherQuizSetting.vue

@@ -26,6 +26,7 @@ import SlideStateTranslation from '@/server/enums/slide-state-translation'
 import { QuizStateNaming } from '@/server/enums/quiz-state'
 
 export default {
+  name: 'TeacherQuizSetting',
   components: { BackTitle },
   data() {
     return {

src/views/quiz/components/QuestionTable.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <input class="mb-16" v-model="inputStem" placeholder="题干搜索" @input="debounceFetchQuestions" />
-    <router-link to="/create-question">
+    <router-link :to="{ name: 'create-question' }">
       <button>
         创建题目
       </button>

src/views/student/components/StudentDoQuiz.vue

@@ -1,5 +1,5 @@
 <template>
-  <tab-side-component>
+  <div>
     <back-title>{{ quiz.name }}</back-title>
     <form @submit.prevent="handleFormSubmit">
       <button>提交</button>
@@ -25,10 +25,9 @@
       </div>
       <button>提交</button>
     </form>
-  </tab-side-component>
+  </div>
 </template>
 <script>
-import TabSideComponent from '@/components/Layouts/TabSideComponent'
 import BackTitle from '@/components/Basic/BackTitle'
 import { getQuizById, submitQuiz } from '@/server/quiz'
 import { createDefaultQuiz } from '@/views/quiz/utils/default'
@@ -36,7 +35,8 @@ import QuestionKind from '@/server/enums/question-kind'
 import MarkdownSection from '@/views/quiz/components/MarkdownSection'
 
 export default {
-  components: { MarkdownSection, BackTitle, TabSideComponent },
+  name: 'StudentDoQuiz',
+  components: { MarkdownSection, BackTitle },
   data() {
     return {
       quiz: createDefaultQuiz(),

src/views/student/components/StudentQuizDetail.vue

@@ -21,6 +21,7 @@ import { QuizState } from '@/server/enums/quiz-state'
 import { createDefaultQuiz } from '@/views/quiz/utils/default'
 
 export default {
+  name: 'StudentQuizDetail',
   components: { QuizDetailFactory, TabSideComponent, BackTitle },
   data() {
     return {