Skip to content

Start of using VueJS in forms for better UI/UX and control #427

@andiamine

Description

@andiamine

Integrate Vue.js 3+ as part of a "Modern UI System" that provides reactive form validation and enhanced UI components. This is a global component-level setting that affects all areas where implemented.

  • No build system - Use Vue.js locally (downloaded, not CDN), Options API only
  • Plain JavaScript - No TypeScript
  • Global Configuration - Single setting in JoomCCK component config
  • Layout-Based Architecture - Separate modern/ layouts alongside core/ layouts
  • System-Wide Effect - When Modern is enabled, all implemented areas use Vue.js
  • Backward Compatible - Legacy system remains default and fully functional

Phase 1: Create Vue.js Infrastructure
Phase 2: Create Core Vue Files
Phase 3: Add Global Configuration
Phase 4: Implement Modern Layouts for Forms

Future Enhancements (After Core Implementation)

  1. Comments System - Live preview, draft saving
  2. Gallery Field - Drag-and-drop reordering component
  3. Geo Field - Interactive map component
  4. Multilevelselect - Cascading dropdown component
  5. Auto-save Drafts - Periodic save with Vue reactivity

Metadata

Metadata

Labels

No labels
No labels

Projects

Status

Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions