feat: Utilizando Vue em um projeto e entendendo estrutura

task-tracker/src/components/Button.vue

@@ -0,0 +1,20 @@
+<template>
+  <button @click="onClick()" :style="{backgroundColor: color}" class="btn">Add Task</button>
+</template>
+
+<script>
+export default {
+  name: 'AppButton',
+  props: {
+    text: String,
+    color: String
+  },
+  methods: {
+    onClick () {
+      console.log('Click')
+    }
+  }
+}
+</script>
+
+<style scoped></style>