Component Library

All custom components created in this project.

Header

app/components/Header.vue — Main navigation header with responsive hamburger menu and page links.

Footer

app/components/Footer.vue — Simple footer displaying dynamic copyright year.

JsonResult

app/components/JsonResult.vue — Syntax-highlighted data viewer with recursive formatting for objects, arrays, strings, numbers, booleans, and nulls.

Array
(
    [name] => John Doe
    [age] => 32
    [active] => 1
    [role] => 
    [tags] => Array
    (
        [0] => developer
        [1] => designer
    )
)

Prompt

app/components/Prompt.vue — Global modal dialog for alerts, confirmations, notes, and flash messages. Uses app/utils/prompt.ts helpers.

TicketForm

app/components/dev-tickets/TicketForm.vue — Comprehensive ticket creation/editing form with priority levels, status tracking, project assignment, and role-based fields.

New Ticket Preview

Click "Show" to render the TicketForm component.

Composables

Reusable composition functions available in the project.

useOpenAIOptions() — OpenAI model/config options for API pages
useClaudeOptions() — Claude model/config options for API pages
useSendEmail() — Email sending composable via SendGrid

Utilities

Client-side utility functions.

formatDate() — Date formatting helper (app/utils/formatDate.ts)
promptAlert() / promptConfirm() / promptNote() / promptFlash() — Global prompt system (app/utils/prompt.ts)

My App