migrate: store

Author: ubugeeei

app/store/alert.ts

@@ -0,0 +1,21 @@
+import { useModalStore } from ".";
+
+export interface AlertState {
+  type: "success" | "error";
+  title: string;
+  text: string;
+}
+
+export function useAlertStore() {
+  const { open: openModal, close: closeModal } = useModalStore();
+
+  function open(payload: AlertState) {
+    openModal({ name: "alert", data: payload });
+  }
+
+  function close() {
+    closeModal();
+  }
+
+  return { open, close };
+};

app/store/dialog.ts

@@ -0,0 +1,19 @@
+import { useModalStore } from ".";
+
+export interface DialogState {
+  title: string;
+}
+
+export function useDialogStore() {
+  const { open: openModal, close: closeModal } = useModalStore();
+
+  function open(payload: DialogState) {
+    openModal({ name: "dialog", data: payload });
+  }
+
+  function close() {
+    closeModal();
+  }
+
+  return { open, close };
+};

app/store/index.ts

@@ -0,0 +1,38 @@
+import { ref } from "vue";
+import { useState } from "#app";
+
+export function useBackDropStore() {
+  const isShowed = useState("backDrop", () => ref(false));
+  function show() {
+    isShowed.value = true;
+  }
+
+  function hide() {
+    isShowed.value = false;
+  }
+
+  return { isShowed, show, hide };
+};
+
+export interface ModalState {
+  name: string;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  data?: Record<string, any>;
+}
+
+export function useModalStore() {
+  const { show, hide } = useBackDropStore();
+  const state = useState<ModalState>("modal", () => ref<ModalState>({ name: "", data: {} }));
+
+  function open(payload: ModalState) {
+    show();
+    state.value = payload;
+  }
+
+  function close() {
+    state.value = { name: "", data: {} };
+    hide();
+  }
+
+  return { state, open, close };
+};