Added Notifications

2026-06-14 16:04:01 +10:00
parent e24d3ceaec
commit a753bffaf8
49 changed files with 1118 additions and 381 deletions
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import { copyToClipboard } from "@/Composables/useClipboard";
+
+const props = defineProps<{
+    text: string;
+    title?: string;
+    size?: string;
+}>();
+
+const copied = ref(false);
+
+const handleCopy = async () => {
+    await copyToClipboard(props.text);
+    copied.value = true;
+    setTimeout(() => copied.value = false, 1500);
+};
+</script>
+
+<template>
+    <v-btn
+        :title="title"
+        :icon="copied ? 'mdi-check' : 'mdi-content-copy'"
+        :size="size ?? 'x-small'"
+        :variant="copied ? 'tonal' : 'plain'"
+        :color="copied ? 'success' : undefined"
+        density="compact"
+        @click="handleCopy"
+    />
+</template>