mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-15 17:24:10 +00:00
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.
92 lines
2.1 KiB
TypeScript
92 lines
2.1 KiB
TypeScript
import { ref, computed } from 'vue'
|
|
import type { Ref, ComputedRef } from 'vue'
|
|
import { PAGINATION_DEFAULTS } from '@/scripts/config/constants'
|
|
|
|
export interface UsePaginationOptions {
|
|
initialPage?: number
|
|
initialLimit?: number
|
|
}
|
|
|
|
export interface UsePaginationReturn {
|
|
page: Ref<number>
|
|
limit: Ref<number>
|
|
totalCount: Ref<number>
|
|
totalPages: ComputedRef<number>
|
|
hasNextPage: ComputedRef<boolean>
|
|
hasPrevPage: ComputedRef<boolean>
|
|
nextPage: () => void
|
|
prevPage: () => void
|
|
goToPage: (target: number) => void
|
|
setTotalCount: (count: number) => void
|
|
reset: () => void
|
|
}
|
|
|
|
/**
|
|
* Composable for managing pagination state.
|
|
* Tracks page, limit, total count, and provides navigation helpers.
|
|
*
|
|
* @param options - Optional initial page and limit values
|
|
*/
|
|
export function usePagination(
|
|
options?: UsePaginationOptions
|
|
): UsePaginationReturn {
|
|
const initialPage = options?.initialPage ?? PAGINATION_DEFAULTS.PAGE
|
|
const initialLimit = options?.initialLimit ?? PAGINATION_DEFAULTS.LIMIT
|
|
|
|
const page = ref<number>(initialPage)
|
|
const limit = ref<number>(initialLimit)
|
|
const totalCount = ref<number>(0)
|
|
|
|
const totalPages = computed<number>(() => {
|
|
if (totalCount.value === 0 || limit.value === 0) {
|
|
return 0
|
|
}
|
|
return Math.ceil(totalCount.value / limit.value)
|
|
})
|
|
|
|
const hasNextPage = computed<boolean>(() => page.value < totalPages.value)
|
|
|
|
const hasPrevPage = computed<boolean>(() => page.value > 1)
|
|
|
|
function nextPage(): void {
|
|
if (hasNextPage.value) {
|
|
page.value += 1
|
|
}
|
|
}
|
|
|
|
function prevPage(): void {
|
|
if (hasPrevPage.value) {
|
|
page.value -= 1
|
|
}
|
|
}
|
|
|
|
function goToPage(target: number): void {
|
|
if (target >= 1 && target <= totalPages.value) {
|
|
page.value = target
|
|
}
|
|
}
|
|
|
|
function setTotalCount(count: number): void {
|
|
totalCount.value = count
|
|
}
|
|
|
|
function reset(): void {
|
|
page.value = initialPage
|
|
totalCount.value = 0
|
|
}
|
|
|
|
return {
|
|
page,
|
|
limit,
|
|
totalCount,
|
|
totalPages,
|
|
hasNextPage,
|
|
hasPrevPage,
|
|
nextPage,
|
|
prevPage,
|
|
goToPage,
|
|
setTotalCount,
|
|
reset,
|
|
}
|
|
}
|