Files
InvoiceShelf/resources/scripts/stores/dialog.store.ts
Darko Gjorgjijoski 71388ec6a5 Rename resources/scripts-v2 to resources/scripts and drop @v2 alias
Now that the legacy v1 frontend (commit 064bdf53) is gone, the v2 directory is the only frontend and the v2 suffix is just noise. Renames resources/scripts-v2 to resources/scripts via git mv (so git records the move as renames, preserving blame and log --follow), then bulk-rewrites the 152 files that imported via @v2/... to use @/scripts/... instead. The existing @ alias (resources/) covers the new path with no extra config needed.

Drops the now-unused @v2 alias from vite.config.js and points the laravel-vite-plugin entry at resources/scripts/main.ts. Updates the only blade reference (resources/views/app.blade.php) to match. The package.json test script (eslint ./resources/scripts) automatically targets the right place after the rename without any edit.

Verified: npm run build exits clean and the Vite warning lines now reference resources/scripts/plugins/i18n.ts, confirming every import resolved through the new path. git log --follow on any moved file walks back through its scripts-v2 history.
2026-04-07 12:50:16 +02:00

91 lines
1.9 KiB
TypeScript

import { defineStore } from 'pinia'
import { ref } from 'vue'
export type DialogVariant = 'primary' | 'danger'
export type DialogSize = 'sm' | 'md' | 'lg'
export interface OpenDialogPayload {
title: string
message: string
size?: DialogSize
data?: unknown
variant?: DialogVariant
yesLabel?: string
noLabel?: string
hideNoButton?: boolean
}
export const useDialogStore = defineStore('dialog', () => {
// State
const active = ref<boolean>(false)
const title = ref<string>('')
const message = ref<string>('')
const size = ref<DialogSize>('md')
const data = ref<unknown>(null)
const variant = ref<DialogVariant>('danger')
const yesLabel = ref<string>('Yes')
const noLabel = ref<string>('No')
const hideNoButton = ref<boolean>(false)
const resolve = ref<((value: boolean) => void) | null>(null)
// Actions
function openDialog(payload: OpenDialogPayload): Promise<boolean> {
active.value = true
title.value = payload.title
message.value = payload.message
size.value = payload.size ?? 'md'
data.value = payload.data ?? null
variant.value = payload.variant ?? 'danger'
yesLabel.value = payload.yesLabel ?? 'Yes'
noLabel.value = payload.noLabel ?? 'No'
hideNoButton.value = payload.hideNoButton ?? false
return new Promise<boolean>((res) => {
resolve.value = res
})
}
function confirm(): void {
if (resolve.value) {
resolve.value(true)
}
closeDialog()
}
function cancel(): void {
if (resolve.value) {
resolve.value(false)
}
closeDialog()
}
function closeDialog(): void {
active.value = false
setTimeout(() => {
title.value = ''
message.value = ''
data.value = null
resolve.value = null
}, 300)
}
return {
active,
title,
message,
size,
data,
variant,
yesLabel,
noLabel,
hideNoButton,
resolve,
openDialog,
confirm,
cancel,
closeDialog,
}
})