ActionButton にローディング状態を追加

NEKOYASAN · NEKOYASAN · commit 9e7507f3235e · 2020-06-12T12:34:27.000+09:00
diff --git a/src/components/ActionButton.vue b/src/components/ActionButton.vue
@@ -2,6 +2,7 @@
   <v-btn
     :class="`ActionButton ActionButton-${theme}`"
     :disabled="isDisabled"
+    :loading="isLoading"
     rounded
     @click="onClick"
   >
@@ -25,8 +26,11 @@ export default class ActionButton extends Vue {
   @Prop({ default: false })
   isDisabled?: boolean
 
+  @Prop({ default: false })
+  isLoading?: boolean
+
   onClick(): void {
-    this.$router.push('/')
+    this.$emit('onClick')
   }
 }
 </script>

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@`
`2`	`2`	`<v-btn`
`3`	`3`	:class="`ActionButton ActionButton-${theme}`"
`4`	`4`	`:disabled="isDisabled"`
	`5`	`+ :loading="isLoading"`
`5`	`6`	`rounded`
`6`	`7`	`@click="onClick"`
`7`	`8`	`>`
`@@ -25,8 +26,11 @@ export default class ActionButton extends Vue {`
`25`	`26`	`@Prop({ default: false })`
`26`	`27`	`isDisabled?: boolean`
`27`	`28`
	`29`	`+ @Prop({ default: false })`
	`30`	`+ isLoading?: boolean`
	`31`	`+`
`28`	`32`	`onClick(): void {`
`29`		`- this.$router.push('/')`
	`33`	`+ this.$emit('onClick')`
`30`	`34`	`}`
`31`	`35`	`}`
`32`	`36`	`</script>`