Upgrade Nuxt to v4 and migrate to @nuxt/eslint and @nuxt/fonts

[Copilot]

Nuxt Upgrade Plan - COMPLETED ✅

• Upgrade Nuxt from 3.16.0 to latest (4.2.1)
• Upgrade @nuxt/content from 3.3.0 to latest (3.8.2)
• Upgrade @nuxtjs/color-mode from 3.5.2 to latest (4.0.0)
• Add @nuxt/eslint module (latest version 1.10.0)
• Setup @nuxt/eslint with all related dependencies including prettier
• Remove @nuxtjs/google-fonts module
• Add @nuxt/fonts module (0.12.1) and configure Bunny as the provider
• Configure Bunny to serve Public Sans font (currently using Google Fonts)
• Update all other related Nuxt dependencies (nuxt-svgo, tailwindcss, etc.)
• Create eslint config for docs using @nuxt/eslint module
• Test the build and ensure everything works
• Run security checks (CodeQL - no vulnerabilities found)
• Remove yarn.lock and use pnpm workspace

Summary

Successfully upgraded all Nuxt dependencies to their latest versions using pnpm workspace.

Major Upgrades:

• Nuxt: 3.16.0 → 4.2.1
• @nuxt/content: 3.3.0 → 3.8.2
• @nuxtjs/color-mode: 3.5.2 → 4.0.0
• nuxt-svgo: 4.0.15 → 4.2.6
• tailwindcss: 4.0.14 → 4.1.17
• prettier: 3.5.3 → 3.6.2
• @vueuse/core: 13.0.0 → 14.0.0

Module Changes:

• ✅ Added @nuxt/eslint (1.10.0) module with proper configuration
• ✅ Added @nuxt/fonts (0.12.1) with Bunny provider
• ❌ Removed @nuxtjs/google-fonts (deprecated in favor of @nuxt/fonts)
• ❌ Removed @nuxt/eslint-config, @vue/eslint-config-prettier, @vue/eslint-config-typescript, eslint-plugin-vue (now handled by @nuxt/eslint)

New Dependencies:

• Added peer dependencies: typescript (5.9.3), vue (3.5.24), postcss (8.5.6), vite (7.2.2)

Configuration Updates:

• Created docs/eslint.config.ts using @nuxt/eslint module
• Updated docs/nuxt.config.ts to use @nuxt/fonts with Bunny provider for Public Sans font
• Added lint and lint:fix scripts to package.json
• Removed yarn.lock and updated pnpm-lock.yaml (using pnpm workspace)

Build Status:

✅ Build successful with Nuxt 4.2.1, Nitro 2.12.9, Vite 7.2.2, and Vue 3.5.24
✅ Dev server starts correctly
✅ ESLint working properly with @nuxt/eslint module
✅ No security vulnerabilities detected by CodeQL
✅ Using pnpm workspace properly

Original prompt

Upgrade nuxt and all of it's related dependencies. Ensure all modules are updated to the last version. Ensure that the nuxt eslint module is used, and updated all related dependencies there including prettier. Drop the google fonts module in favour of nuxt/fonts, and use Bunny as the provider for any fonts currently being used.

---

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

[sagalbot]

@copilot There shouldn't be a yarn.lock file if we're using pnpm

[Copilot]

@copilot There shouldn't be a yarn.lock file if we're using pnpm

Fixed in 6521881. Removed yarn.lock and updated pnpm-lock.yaml to properly use the pnpm workspace configuration.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• api.fontshare.com
  • Triggering command: node /home/REDACTED/work/vue-select/vue-select/docs/node_modules/.bin/../nuxt/bin/nuxt.mjs build (dns block)
• api.fontsource.org
  • Triggering command: node /home/REDACTED/work/vue-select/vue-select/docs/node_modules/.bin/../nuxt/bin/nuxt.mjs build (dns block)
• fonts.bunny.net
  • Triggering command: node /home/REDACTED/work/vue-select/vue-select/docs/node_modules/.bin/../nuxt/bin/nuxt.mjs build (dns block)
• fonts.google.com
  • Triggering command: node /home/REDACTED/work/vue-select/vue-select/docs/node_modules/.bin/../nuxt/bin/nuxt.mjs build (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)