Skip to content

Conversation

Copy link

Copilot AI commented May 28, 2025

Upgrading Vue 2 to Vue 3 and replacing Vuex with Pinia in the admin frontend:

  • Analyze current Vue 2 setup with Vuex 3.1.3
  • Identify 45 store usage instances across components
  • Verify current build works with legacy OpenSSL provider
  • Update package.json with Vue 3 compatible versions
  • Create new Pinia store to replace Vuex store
  • Update main.js for Vue 3 compatibility (createApp, global properties)
  • Convert global filters to global properties
  • Update router configuration for Vue 3
  • Fix router navigation guards to use Pinia properly
  • Update core components: SideBar, HomeView, LoginView, InitialUserView, LanguageSelect
  • Update remaining components: Table, ElepySingle, ElepyDefault, ActionButton
  • Remove old Vuex store.js file
  • Fix build issues with Vue 3 compatibility (UIKit asset paths)
  • Test and fix any remaining compatibility issues
  • Ensure build and linting work correctly

Progress:

  • Successfully migrated all core store usage from Vuex to Pinia
  • Updated all 14 instances of $store. usage to use Pinia actions/state
  • Converted components from Options API with mappers to Composition API with Pinia
  • Replaced Vuex mutations/actions with Pinia direct state/action calls
  • Removed old store.js file completely
  • Added UIKit asset handling for missing image files

Current issue: UIKit 3.3.6 CSS references images with absolute paths that need proper webpack configuration.

Fixes #180.


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

@RyanSusana RyanSusana marked this pull request as ready for review May 28, 2025 21:22
Copilot AI and others added 4 commits May 28, 2025 21:26
Co-authored-by: RyanSusana <1254351+RyanSusana@users.noreply.github.com>
Co-authored-by: RyanSusana <1254351+RyanSusana@users.noreply.github.com>
Co-authored-by: RyanSusana <1254351+RyanSusana@users.noreply.github.com>
Co-authored-by: RyanSusana <1254351+RyanSusana@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Upgrade to Vue 3

2 participants