feat(home): new task text

.prettierrc.json

@@ -5,4 +5,4 @@
   "singleQuote": true,
   "printWidth": 80,
   "trailingComma": "none"
-}
+}

src/App.vue

@@ -22,6 +22,7 @@ import { RouterLink, RouterView } from 'vue-router'
   flex-direction: column;
   height: 100vh;
 }
+
 nav {
   margin: 1rem 0;
   display: flex;

src/views/HomeView.vue

@@ -18,26 +18,28 @@ const resetTasks = () => {
   <main>
     <div class="content-tasks columns is-centered is-vcentered">
       <div class="new-task-container column buttons">
-        <router-link :to="{ name: 'new-task' }" class="button is-primary"
+        <router-link :to="{ name: 'new-task' }" class="button is-primary">
-          >Create a new task</router-link
+          new task
-        >
+        </router-link>
         <button v-if="hasTask" class="button is-danger" @click="resetTasks">
           clear the list
         </button>
       </div>
       <task-list class="column task-list" />
     </div>
-    <!-- <footer>
+    <!--
-      <p>
+    <footer>
+    <p>
         Made with <img src="@/assets/icons/love.svg" alt="love" /> by
         <a
-          href="http://github.com/jcalixte/loopycode"
+        href="http://github.com/jcalixte/loopycode"
-          target="_blank"
+        target="_blank"
-          rel="noopener noreferrer"
+        rel="noopener noreferrer"
-          >Julien</a
+        >Julien</a
         >
-      </p>
+    </p>
-    </footer> -->
+    </footer>
+    -->
   </main>
 </template>
 

src/views/task/TaskView.vue

@@ -31,30 +31,24 @@ const { canShareTask, taskCopied, shareTask } = useCopyRecord(task)
 <template>
   <div class="task-view" v-if="task">
     <div class="buttons actions">
-      <router-link
+      <router-link :to="{
-        :to="{
+        name: 'edit-task',
-          name: 'edit-task',
+        params: {
-          params: {
+          id
-            id
+        }
-          }
+      }" class="button">
-        }"
-        class="button"
-      >
         <img src="/icons/edit.svg" alt="edit task" />
       </router-link>
       <button v-if="canShareTask" class="share-task button" @click="shareTask">
         <img v-if="taskCopied" src="/icons/check.svg" alt="task copied!" />
         <img v-else src="/icons/share.svg" alt="share task" />
       </button>
-      <router-link
+      <router-link :to="{
-        :to="{
+        name: 'duplicate-task',
-          name: 'duplicate-task',
+        params: {
-          params: {
+          id
-            id
+        }
-          }
+      }" class="button">
-        }"
-        class="button"
-      >
         <img src="/icons/copy.svg" alt="duplicate task" />
       </router-link>
       <button class="delete-task button is-light is-danger" @click="deleteTask">
@@ -65,14 +59,8 @@ const { canShareTask, taskCopied, shareTask } = useCopyRecord(task)
     <h2 class="subtitle">
       <estimation-time-arrival :estimation="task.totalEstimation" />
     </h2>
-    <a
+    <a v-if="task.link" :href="task.link" target="_blank" rel="noopener noreferrer" class="button is-link">user story
-      v-if="task.link"
+      link</a>
-      :href="task.link"
-      target="_blank"
-      rel="noopener noreferrer"
-      class="button is-link"
-      >user story link</a
-    >
     <task-record-preview :task-id="id" />
     <hr />
     <div class="content">