feat: add composables

Author: davidstackio

src/runtime/composables/dialog.ts

@@ -0,0 +1,31 @@
+import { useState } from '#imports'
+
+// Types
+export interface Dialog {
+  show: boolean
+  title: string
+  message: string
+  action: {
+    function: () => Promise<void>
+    buttonText: string
+    buttonColor: string
+  }
+  closeButtonText: string
+}
+
+export const dialogInitialState = <Dialog>{
+  show: false,
+  title: '',
+  message: '',
+  action: {
+    function: () => new Promise<void>(resolve => resolve()),
+    buttonText: '',
+    buttonColor: '',
+  },
+  closeButtonText: 'Cancel',
+}
+
+export const useDialog = () =>
+  useState('dialog', () => {
+    return dialogInitialState
+  })

src/runtime/composables/state.ts

@@ -0,0 +1,11 @@
+import { ref, useState } from '#imports'
+
+// App
+export const useErrorMessage = () => useState('errorMessage', () => '')
+export const useToast = () =>
+  useState('toast', () =>
+    ref({
+      show: false,
+      message: '',
+    }),
+  )