Initial Version

core/src/composables/useSnackbar.ts

@@ -0,0 +1,38 @@
+/**
+ * Simple snackbar/toast notification composable
+ * Uses Vuetify's snackbar component
+ */
+import { ref } from 'vue'
+
+export interface SnackbarOptions {
+  message: string
+  color?: 'success' | 'error' | 'warning' | 'info' | string
+  timeout?: number
+}
+
+const snackbarVisible = ref(false)
+const snackbarMessage = ref('')
+const snackbarColor = ref<string>('info')
+const snackbarTimeout = ref(3000)
+
+export function useSnackbar() {
+  const showSnackbar = (options: SnackbarOptions) => {
+    snackbarMessage.value = options.message
+    snackbarColor.value = options.color || 'info'
+    snackbarTimeout.value = options.timeout || 3000
+    snackbarVisible.value = true
+  }
+
+  const hideSnackbar = () => {
+    snackbarVisible.value = false
+  }
+
+  return {
+    snackbarVisible,
+    snackbarMessage,
+    snackbarColor,
+    snackbarTimeout,
+    showSnackbar,
+    hideSnackbar,
+  }
+}