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

Hostinger Tools, version 3.0.78. 20 lines.

- Page: https://pluginprobe.com/plugins/hostinger/3.0.78/code/vue-frontend/src/composables/useModal.ts
- Raw: https://pluginprobe.com/plugins/hostinger/3.0.78/raw/vue-frontend/src/composables/useModal.ts
- Modified: 2025-09-09T07:18:12+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.78/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 };
};

```