Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Migrate to Nuxt 3 framework #5184

Draft
wants to merge 167 commits into
base: mealie-next
Choose a base branch
from

Conversation

mrth2
Copy link

@mrth2 mrth2 commented Mar 6, 2025

feat: Migrate to Nuxt 3 framework

What this PR does / why we need it:

This PR migrates the frontend application from Nuxt 2 to Nuxt 3, bringing significant performance improvements and updated dependency support.

Key changes include:

  • Upgraded from Vue 2 to Vue 3 with Composition API
  • Migrated from Vuetify 2 to Vuetify 3
  • Replaced @nuxtjs/auth-next with @sidebase/nuxt-auth
  • Updated component syntax to match Vue 3 standards
  • Refactored composables to work with Nuxt 3’s module system
  • Modified reactive state management to use Vue 3’s Composition API
  • Replaced @nuxtjs/axios ( deprecated ) with axios & the custom nuxt plugin
  • Replaced @nuxtjs/proxy with nitro built-in proxy

The migration improves developer experience with better TypeScript support, faster HMR (Hot Module Replacement), and access to modern Vue ecosystem features.

Which issue(s) this PR fixes:

Fixes #XXX (Migration to Nuxt 3)

Special notes for your reviewer:

Please pay special attention to:

  • Authentication flow changes with the new auth provider
  • Vuetify 3 UI changes
  • Component lifecycle handling in the Composition API
  • TypeScript type definitions across the application

Testing

Testing was conducted across all major components and pages, ensuring:

  • Recipe browsing functionality works correctly
  • Authentication and authorization flows are maintained
  • Responsive design works across different viewports
  • User preferences are correctly stored and retrieved

mrth2 added 30 commits February 27, 2025 08:41
…-nuxt-module and adjust nuxt.config.ts for vuetify configuration
…plugin, and replace useAxiosDownloader with useDownloader for file downloads
mrth2 added 30 commits March 12, 2025 05:33
…nts for improved prop binding and styling consistency
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants