Merge pull request #38 from traP-jp:buttonDesign

状況設定ボタン追加実装

src/pages/TaskDashboard.vue

@@ -8,12 +8,25 @@ import router from '@/router'
 const taskLista = ref<tasks>([])
 
 const suggest = ref<tasks>([])
+const difficulty = ref(3)
 apiClient.task.getTasks().then((res) => (taskLista.value = res))
-apiClient.suggestion.getSuggest('3').then((res) => (suggest.value = res))
+apiClient.suggestion.getSuggest(difficulty.value.toString()).then((res) => (suggest.value = res))
 
 const moveToAddTask = () => {
   router.push('/AddTask')
 }
+const moveToAddCondtion = () => {
+  router.push('/AddCondition')
+}
+
+var ButtonStatus: boolean = false
+const chageSuggestion = () => {
+  if (difficulty.value === 1) {
+    ButtonStatus = true
+  } else {
+    difficulty.value = difficulty.value - 1
+  }
+}
 </script>
 
 <template>
@@ -47,7 +60,7 @@ const moveToAddTask = () => {
         :horizontal-scroll="true"
       />
     </div>
-    <v-btn>やりたくない</v-btn>
+    <v-btn @click="chageSuggestion" v-bind:disabled="ButtonStatus">やりたくない</v-btn>
     <br />
     <div class="pageContainer">
       <svg
@@ -86,7 +99,10 @@ const moveToAddTask = () => {
       <!-- <br /> -->
       <br />
     </div>
-    <v-btn @click="moveToAddTask">タスクを追加</v-btn>
+    <div class="pageContainer">
+      <v-btn @click="moveToAddCondtion">状況を追加</v-btn>
+      <v-btn @click="moveToAddTask">タスクを追加</v-btn>
+    </div>
     <!-- <br /> -->
     <div class="pageContainer">
       <div>