Clean up code in *Button and *Icon components

1 files changed, 17 insertions, 0 deletions

diff --git a/src/components/SButton.vue b/src/components/SButton.vue
new file mode 100644
index 0000000..4bb827d
--- /dev/null
+++ b/src/components/SButton.vue
@@ -0,0 +1,17 @@
+<script lang="ts">
+import {defineComponent, PropType} from 'vue';
+
+export default defineComponent({
+	props: {
+		disabled: {type: Boolean, default: false},
+	},
+});
+</script>
+
+<template>
+<button :disabled="disabled"
+	class="block rounded px-4 py-2"
+	:class="{'hover:brightness-125': !disabled, 'brightness-75': disabled}">
+	<slot>?</slot>
+</button>
+</template>