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
No fields configured for Feature.

Projects

Status

Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions