From 5bc3226626b2b4710b398e753fadb22dff594ae9 Mon Sep 17 00:00:00 2001
From: guarana <guarana@guarana.guarana>
Date: Sun, 15 Dec 2019 05:53:33 +0900
Subject: [PATCH] =?UTF-8?q?=E3=81=84=E3=81=84=E3=81=AD=E3=83=9C=E3=82=BF?=
 =?UTF-8?q?=E3=83=B3=E3=80=81=E3=81=93=E3=82=93=E3=81=AA=E6=84=9F=E3=81=98?=
 =?UTF-8?q?=E3=81=AA=E3=82=93=E3=81=98=E3=82=83=E3=81=AA=E3=81=84=E3=81=8B?=
 =?UTF-8?q?=E3=81=A8=E6=80=9D=E3=81=86=E3=82=93=E3=81=A0=E3=81=91=E3=81=A9?=
 =?UTF-8?q?=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Nicebutton.vue | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 components/Nicebutton.vue

diff --git a/components/Nicebutton.vue b/components/Nicebutton.vue
new file mode 100644
index 0000000..4653246
--- /dev/null
+++ b/components/Nicebutton.vue
@@ -0,0 +1,29 @@
+<template>
+  <button class="nicebutton"  v-on:click="counter += 1">
+    <img src="../assets/icons/thumb-up-line.svg" width="35pt" height="35pt" />
+    <span>{{ counter }}</span>
+  </button>
+</template>
+<script>
+export default {
+	asyncData() {
+	  return { counter: 128 }
+	}
+}
+</script>
+<style scoped>
+button.nicebutton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #ffffff;
+  border: solid 1px #707070;
+  border-radius: 5pt 5pt 5pt 5pt / 5pt 5pt 5pt 5pt;
+  padding: 0.5em;
+}
+button.nicebutton img {
+}
+button.nicebutton span {
+  font-size: 26pt;
+}
+</style>
\ No newline at end of file