# hostinger/3.0.12/vue-frontend/src/composables/useModal.ts

Hostinger Tools, version 3.0.12. 16 lines.

- Page: https://pluginprobe.com/plugins/hostinger/3.0.12/code/vue-frontend/src/composables/useModal.ts
- Raw: https://pluginprobe.com/plugins/hostinger/3.0.12/raw/vue-frontend/src/composables/useModal.ts
- Modified: 2024-06-04T12:01:14+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.12/code/vue-frontend/src/composables/useModal.ts#L10-L20`.

```typescript
import { useModalStore } from '@/stores';
import { ModalName } from '@/types/enums';
import { ModalContent, ModalSettings } from '@/types/models';

export const useModal = () => {
  const modalStore = useModalStore();

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

  const closeModal = () => modalStore.closeModal();

  return { openModal, closeModal };
};

```