fixing lint errors

Author: Chris

quiz-app/src/components/Quiz.vue quiz-app/src/components/QuizComponent.vue

@@ -87,7 +87,7 @@
   
   
   export default {
-    name: "Quiz",
+    name: "QuizComponent",
     data() {
       return {
         currentQuestion: 0,

quiz-app/src/components/Quizzes.vue quiz-app/src/components/QuizzesComponent.vue

@@ -8,7 +8,7 @@
 
 </style>
 <template>
-    <div class="question" v-for="q in questions">
+    <div class="question" v-for="q in questions" :key="q.id" >
       <router-link
 
         :key="q.id"
@@ -43,7 +43,7 @@
   let locale = navigator.language || navigator.userLanguage;
 
   export default {
-    name: "Home",
+    name: "QuizzesComponent",
     data() {
       return {
         file: getFileByLocale(locale),

quiz-app/src/router/index.js

@@ -1,6 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
-import Quiz from '@/components/Quiz.vue'
+import QuizComponent from '@/components/QuizComponent.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -13,7 +13,7 @@ const router = createRouter({
     {
       path: '/quiz/:id',
       name: 'quiz-detail',
-      component: Quiz
+      component: QuizComponent
     },
     {
       path: '/about',

quiz-app/src/views/HomeView.vue

@@ -1,9 +1,9 @@
 <script setup>
-import Quizzes from '@/components/Quizzes.vue';
+import QuizzesComponent from '@/components/QuizzesComponent.vue';
 </script>
 
 <template>
   <main>
-    <Quizzes />
+    <QuizzesComponent />
   </main>
 </template>