Phase 1: TypeScript foundation in scripts-v2/

Create the complete TypeScript foundation for the Vue 3 migration
in a parallel scripts-v2/ directory. 72 files, 5430 lines, zero
any types, strict mode.

- types/ (21 files): Domain interfaces for all 17 entities derived
  from actual Laravel models and API resources. Enums for all
  statuses. Generic API response wrappers.
- api/ (29 files): Typed axios client with interceptors, endpoint
  constants from routes/api.php, 25 typed service classes covering
  every API endpoint.
- composables/ (14 files): Vue 3 composition functions for auth,
  notifications, dialogs, modals, pagination, filters, currency,
  dates, theme, sidebar, company context, and permissions.
- utils/ (5 files): Pure typed utilities for money formatting,
  date formatting (date-fns), localStorage, and error handling.
- config/ (3 files): Typed ability constants, app constants.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

resources/scripts-v2/api/services/expense.service.ts

@@ -0,0 +1,100 @@
+import { client } from '../client'
+import { API } from '../endpoints'
+import type { Expense, ExpenseCategory, CreateExpensePayload } from '../../types/domain/expense'
+import type {
+  ApiResponse,
+  ListParams,
+  DateRangeParams,
+  DeletePayload,
+} from '../../types/api'
+
+export interface ExpenseListParams extends ListParams, DateRangeParams {
+  expense_category_id?: number
+  customer_id?: number
+}
+
+export interface ExpenseListMeta {
+  current_page: number
+  last_page: number
+  per_page: number
+  total: number
+  expense_total_count: number
+}
+
+export interface ExpenseListResponse {
+  data: Expense[]
+  meta: ExpenseListMeta
+}
+
+export interface CreateExpenseCategoryPayload {
+  name: string
+  description?: string | null
+}
+
+export const expenseService = {
+  async list(params?: ExpenseListParams): Promise<ExpenseListResponse> {
+    const { data } = await client.get(API.EXPENSES, { params })
+    return data
+  },
+
+  async get(id: number): Promise<ApiResponse<Expense>> {
+    const { data } = await client.get(`${API.EXPENSES}/${id}`)
+    return data
+  },
+
+  async create(payload: FormData): Promise<ApiResponse<Expense>> {
+    const { data } = await client.post(API.EXPENSES, payload)
+    return data
+  },
+
+  async update(id: number, payload: FormData): Promise<ApiResponse<Expense>> {
+    const { data } = await client.post(`${API.EXPENSES}/${id}`, payload)
+    return data
+  },
+
+  async delete(payload: DeletePayload): Promise<{ success: boolean }> {
+    const { data } = await client.post(API.EXPENSES_DELETE, payload)
+    return data
+  },
+
+  async showReceipt(id: number): Promise<Blob> {
+    const { data } = await client.get(`${API.EXPENSES}/${id}/show/receipt`, {
+      responseType: 'blob',
+    })
+    return data
+  },
+
+  async uploadReceipt(id: number, payload: FormData): Promise<ApiResponse<Expense>> {
+    const { data } = await client.post(`${API.EXPENSES}/${id}/upload/receipts`, payload)
+    return data
+  },
+
+  // Expense Categories
+  async listCategories(params?: ListParams): Promise<ApiResponse<ExpenseCategory[]>> {
+    const { data } = await client.get(API.CATEGORIES, { params })
+    return data
+  },
+
+  async getCategory(id: number): Promise<ApiResponse<ExpenseCategory>> {
+    const { data } = await client.get(`${API.CATEGORIES}/${id}`)
+    return data
+  },
+
+  async createCategory(payload: CreateExpenseCategoryPayload): Promise<ApiResponse<ExpenseCategory>> {
+    const { data } = await client.post(API.CATEGORIES, payload)
+    return data
+  },
+
+  async updateCategory(
+    id: number,
+    payload: CreateExpenseCategoryPayload,
+  ): Promise<ApiResponse<ExpenseCategory>> {
+    const { data } = await client.put(`${API.CATEGORIES}/${id}`, payload)
+    return data
+  },
+
+  async deleteCategory(id: number): Promise<{ success: boolean }> {
+    const { data } = await client.delete(`${API.CATEGORIES}/${id}`)
+    return data
+  },
+}