# hostinger/3.0.48/vue-frontend/src/stores/modalStore.ts

Hostinger Tools, version 3.0.48. 23 lines.

- Page: https://pluginprobe.com/plugins/hostinger/3.0.48/code/vue-frontend/src/stores/modalStore.ts
- Raw: https://pluginprobe.com/plugins/hostinger/3.0.48/raw/vue-frontend/src/stores/modalStore.ts
- Modified: 2025-03-03T08:32:52+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/hostinger/3.0.48/code/vue-frontend/src/stores/modalStore.ts#L10-L20`.

```typescript
import { defineStore } from 'pinia';
import { ref } from 'vue';
import { ModalContent, ModalSettings } from '@/types';
import { ModalName } from '@/types/enums';

export const useModalStore = defineStore('modalStore', () => {
  interface Modal {
    name: ModalName;
    data?: ModalContent;
    settings?: ModalSettings;
  }

  const activeModal = ref<Modal | null>(null);

  const openModal = (name: ModalName, data?: ModalContent, settings?: ModalSettings) => {
    activeModal.value = { name, data, settings };
  };

  const closeModal = () => (activeModal.value = null);

  return { activeModal, openModal, closeModal };
});

```