Thymeleaf + Vue application

spring-boot/thymeleaf-vue/client/stories/MyButton.js

@@ -0,0 +1,29 @@
+export default {
+  name: 'my-button',
+
+  data() {
+    return {
+      buttonStyles: {
+        border: '1px solid #eee',
+        borderRadius: 3,
+        backgroundColor: '#FFFFFF',
+        cursor: 'pointer',
+        fontSize: 15,
+        padding: '3px 10px',
+        margin: 10,
+      },
+    };
+  },
+
+  template: `
+    <button :style="buttonStyles" @click="onClick">
+      <slot></slot>
+    </button>
+  `,
+
+  methods: {
+    onClick() {
+      this.$emit('click');
+    },
+  },
+};