fix(nuxt): use loadConfigFile from devkit rather than @nuxt/kit

[jaysoo]

When using @nuxt/kit to load nuxt.config.ts files, it can result in errors when used in conjunction with @nx/vite/plugin (and the loadConfigFile function from vite).

This PR switches to our own function from @nx/devkit, which we can guarantee plays nicely with @nx/cypress, @nx/playwright, and anything else that uses the same plugin.

Note: When we isolate each crystal plugin into their own worker, this issue should be resolved as well. However, this is a quicker fix with smaller impact.

Current Behavior

Errors can occur during graph construction when combining nuxt + vitest + playwright/cypress.

Expected Behavior

Errors should not occur during graph construction.

Related Issue(s)

Fixes #

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Updated (UTC)
nx-dev	⬜️ Ignored (Inspect)	Visit Preview	Mar 28, 2024 9:36pm

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 0c0ab15. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 6 targets

• nx affected --targets=e2e,e2e-ci --base=4b75255ba8cbf397ab555ea2c00ec828a8b56b10 --head=0c0ab1566b0c0df1d12c75e563c5befcacab44e2 --parallel=1
• nx affected --targets=lint,test,build --base=4b75255ba8cbf397ab555ea2c00ec828a8b56b10 --head=0c0ab1566b0c0df1d12c75e563c5befcacab44e2 --parallel=3
• nx run-many -t check-imports check-commit check-lock-files check-codeowners documentation --parallel=1 --no-dte
• nx-cloud record -- nx format:check --base=4b75255ba8cbf397ab555ea2c00ec828a8b56b10 --head=0c0ab1566b0c0df1d12c75e563c5befcacab44e2
• nx documentation --no-dte
• nx affected -t e2e-macos --parallel=1 --base=4b75255ba8cbf397ab555ea2c00ec828a8b56b10 --head=0c0ab1566b0c0df1d12c75e563c5befcacab44e2

---

Sent with 💌 from NxCloud.

[jaysoo]

We actually only want to cache the .nuxt folder. This is consistent with Next.js where we cache only .next folder. Previously, this logic was to handle caching dist/<app> rather than just dist/<app>/.nuxt, but we've since moved the default buildDir back to within the project root anyway. We cannot cache the entire {projectRoot}, which includes source code.

[Coly010]

LGTM!

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.