A Nuxt 4 module providing UI components, controls, and composables for transit and GTFS-related applications.

tlv2-ui is a comprehensive UI library built for Interline transit applications. It includes:

• Controls - General-purpose, domain-agnostic UI components (buttons, inputs, modals, tables, etc.)
• Components - Transit/GTFS-specific components (route icons, pathway maps, etc.)
• Composables - Vue composables for authentication, API endpoints, basemap layers, and more
• Utilities - Geometry helpers, library functions, and test utilities

pnpm add tlv2-ui

Add the module to your nuxt.config.ts:

export default defineNuxtConfig({
  modules: ['tlv2-ui'],
  tlv2: {
    // Module options
    bulma: '',
    useProxy: false,
    loginGate: false,
    // ... see ModuleOptions for all available options
  }
})

The module provides several subpath exports:

// Main module
import { ... } from 'tlv2-ui'

// Configuration utilities
import { ... } from 'tlv2-ui/config'

// Library utilities
import { ... } from 'tlv2-ui/lib'

// Geometry utilities
import { ... } from 'tlv2-ui/geom'

// Test utilities
import { ... } from 'tlv2-ui/testutil'

General-purpose UI controls (prefixed with t-):

• t-button - Button component
• t-card - Card container
• t-checkbox - Checkbox input
• t-datepicker - Date picker
• t-dropdown - Dropdown menu
• t-field - Form field wrapper
• t-icon - Icon component (MDI)
• t-input - Text input
• t-loading - Loading indicator
• t-modal - Modal dialog
• t-msg - Message display
• t-notification - Notification toast
• t-pagination - Pagination controls
• t-radio - Radio button
• t-search-bar - Search bar
• t-select - Select dropdown
• t-slider - Slider input
• t-switch - Toggle switch
• t-table - Data table
• t-tabs - Tab navigation
• t-tag - Tag/badge
• t-taginput - Tag input
• t-textarea - Textarea input
• t-theme-toggle - Light/dark theme toggle
• t-tooltip - Tooltip

Available Vue composables:

• useApiEndpoint - API endpoint configuration
• useAuthHeaders - Authentication headers
• useBasemapLayers - MapLibre basemap layers
• useDownload - File download utilities
• useLogin / useLogout - Authentication actions
• useLoginGate - Login gate management
• useMixpanel - Mixpanel analytics
• useRouteCategories - Transit route categories
• useRouteResolver - Route resolution
• useToastNotification - Toast notifications
• useUser - Current user state

# Install dependencies
pnpm install

# Start development server with playground
pnpm dev

# Run linting
pnpm lint

# Run tests
pnpm test

# Type check
pnpm test:types

# Build the module
pnpm prepack

• Nuxt 4.2.0
• Vue 3.5.22
• Node.js (see .nvmrc if available)

Dual licensed:

• GPLv3 for open-source use
• Commercial license available from Interline

See LICENSE.md for full details.

Copyright © Interline Technologies LLC