From de18d4957b3a1742f938f1c5cfe8bbd34771e106 Mon Sep 17 00:00:00 2001
From: Laurent <laurent@ollagnier.org>
Date: Mon, 26 Feb 2024 10:27:27 +0000
Subject: [PATCH] =?UTF-8?q?Impl=C3=A9mentation=20du=20mqtt-button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MqttButton.vue | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/MqttButton.vue

diff --git a/src/components/MqttButton.vue b/src/components/MqttButton.vue
new file mode 100644
index 0000000..bb8acec
--- /dev/null
+++ b/src/components/MqttButton.vue
@@ -0,0 +1,22 @@
+<template>
+  <v-btn @click="_publishMessage" v-bind="$attrs">
+    <slot/>
+  </v-btn>
+</template>
+
+<script setup>
+  import { publishMessage } from '@/services/mqttService'
+  import { ref, defineProps } from 'vue'
+
+  const props = defineProps({
+    topic: String,
+    message: null
+  })
+
+  const disabled = ref(false)
+
+  const _publishMessage = () => {
+    publishMessage(props.topic, JSON.stringify(props.message))
+    disabled.value = true
+  }
+</script>