From 856a272b4615b85b523b0fd47fbf94f87aa6b4f4 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 9 Apr 2023 11:03:59 +0200
Subject: [PATCH] router link in kebab case

---
 src/App.vue                                | 4 ++--
 src/use-cases/task/components/TaskList.vue | 4 ++--
 src/views/HomeView.vue                     | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index eaca40e..b3753b5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,8 +6,8 @@ import { RouterLink, RouterView } from 'vue-router'
   <header>
     <div class="wrapper">
       <nav>
-        <RouterLink to="/">Home</RouterLink>
-        <RouterLink to="/about">About</RouterLink>
+        <router-link to="/">Home</router-link>
+        <router-link to="/about">About</router-link>
       </nav>
     </div>
   </header>
diff --git a/src/use-cases/task/components/TaskList.vue b/src/use-cases/task/components/TaskList.vue
index 6fabf63..91599ad 100644
--- a/src/use-cases/task/components/TaskList.vue
+++ b/src/use-cases/task/components/TaskList.vue
@@ -8,9 +8,9 @@ const taskStore = useTaskStore()
 <template>
   <ul class="task-list">
     <li v-for="task in taskStore.recentTasks" :key="task.id">
-      <RouterLink :to="{ name: 'task-view', params: { id: task.id } }">{{
+      <router-link :to="{ name: 'task-view', params: { id: task.id } }">{{
         task.title
-      }}</RouterLink>
+      }}</router-link>
       | {{ task.totalEstimation }} minutes |
       {{ formatDate(task.date) }}
     </li>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 2f7eb43..708f0be 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -7,7 +7,7 @@ const taskStore = useTaskStore()
 
 <template>
   <main>
-    <RouterLink :to="{ name: 'new-task' }">New task</RouterLink>
+    <router-link :to="{ name: 'new-task' }">New task</router-link>
     <task-list />
     <button @click="() => taskStore.reset()">reset list</button>
   </main>