Update Frontend Dependencies: Migrate deprecated Babel plugins and refresh Vue 2 tooling

[Copilot]

Modernizes the frontend dependencies in argilla-frontend/ by updating deprecated packages and addressing security vulnerabilities while maintaining full backward compatibility with the Vue 2 / Nuxt 2 ecosystem.

Key Updates

Babel Plugin Migration

Replaced all deprecated @babel/plugin-proposal-* packages with their maintained counterparts:

• @babel/plugin-proposal-class-properties → @babel/plugin-transform-class-properties
• @babel/plugin-proposal-private-methods → @babel/plugin-transform-private-methods

Updated configurations in both babel.config.js and nuxt.config.ts to use the new plugin names, eliminating all Babel deprecation warnings during build.

Framework Updates

• Nuxt: Updated from 2.17.3 to 2.18.1 (latest stable Nuxt 2)
• Composition API: Updated from 0.33.1 to 0.34.0 (latest compatible version)
• Vue: Confirmed 2.7.16 is already the latest Vue 2 minor version

Security Improvements

• axios: Updated from various vulnerable versions to 1.11.0, addressing CSRF and SSRF vulnerabilities
• core-js: Updated from 3.37.1 to 3.44.0, resolving deprecated core-js warnings
• Vulnerabilities: Reduced from 119 to 116 total npm audit issues

Technical Approach

Took a conservative modernization strategy focused on:

• Minimal changes: Only updated packages with known security issues or deprecation warnings
• Maintained compatibility: Stayed within Vue 2 / Nuxt 2 ecosystem to avoid breaking changes
• Incremental validation: Applied updates in phases with testing at each stage

Validation

• ✅ Build process works correctly
• ✅ Dev server starts and application loads properly
• ✅ Lint functionality maintained
• ✅ Test suite runs (existing test failures unrelated to migration)
• ✅ No breaking changes introduced

This update eliminates technical debt, reduces security vulnerabilities, and clears deprecation warnings while maintaining full backward compatibility, preparing the codebase for future migrations.

Fixes #112.

---

💡 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.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.

❗ There is a different number of reports uploaded between BASE (e39d536) and HEAD (24d9a75). Click for more details.

HEAD has 1 upload less than BASE

Flag	BASE (e39d536)	HEAD (24d9a75)
argilla-server	1	0

Flag	Coverage Δ
argilla-server	?
frontend	8.24% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.
see 173 files with indirect coverage changes

Components	Coverage Δ
extralit	∅ <ø> (∅)
argilla	66.42% <ø> (ø)
argilla_v1	∅ <ø> (∅)
argilla-server	∅ <ø> (∅)
argilla-frontend	8.24% <ø> (ø)

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.