feat: nuxt3 support

[colinscz]

Current Behavior

Currently Nuxt 2 is supported, the major release for Nuxt 3 is around the corner. The future version of @nxplus/nuxt should support Nuxt 3.

Task list

• [x] Update the schematic to generate what a npx nuxi init nuxt-app would give you (current nuxi setup - potential subject to change).
• [x] Remove Nuxt 2, add Nuxt 3 current RC candidate 🏗️
• [ ] Update the build/serve executor to get it serving locally with the new nuxt3 API --> potentially blocked by: https://github.com/nrwl/nx/issues/10565 and related outstanding fix: https://github.com/nrwl/nx/pull/10414
  • [ ] Static Site Generation (Nuxt 3 pending!) ❌
  • [ ] Server Side Rendering (Server) 🏗️
  • [ ] Client Side Rendering (Browser) 🏗️
• [x] Update the schematic to get Jest unit testing working 🏗️
• [ ] Setup tsconfig so it extends properly from nuxt ts config - to be clarified ❌
• [ ] Update the schematic to verify eslint is working 🏗️
• [ ] Update unit tests ✅
• [ ] Update e2e tests 🏗️
• [ ] (Update schematics might switch to vitest)
• [ ] (Optional): Create a migration script
• [ ] Squash commits

Expected Behavior

Nuxt 3 support + potential migration for projects using the current nuxt 2 extension

Related Issue(s)

236

[Pekes317]

I think you should try changing the tsconfig.json file to use NodeNext module and module resolution in order to handle the ES Module of Nuxt 3. Then you should be able to use a Dynamic Import inside the Executor function.

{
  "extends": "../../tsconfig.base.json",
  "compilerOptions": {
    "module": "NodeNext",
    "moduleResolution": "NodeNext"
  },
  "files": [],
  "include": [],
  "references": [
    {
      "path": "./tsconfig.lib.json"
    },
    {
      "path": "./tsconfig.spec.json"
    }
  ]
}

[appinteractive]

Any news on this? It’s pretty important I think 🫤

[dpietrzyk]

Is there any timeline for this? I am currently looking for the "right way" of adding nuxt to my vue3 nx app and it seems that this would be the best option :smiley:

[colinscz]

Update: For the ones watching, review or comment from the library authors is pending. So far no update since my last posted question and results.

I had a conversation with Daniel from the Nuxt core team around this and the official Vite plugin that Nx is currently still developing. But all very speculative and it's still unclear if this official Vite plugin could be used somehow for Nuxt3 too. If so, probably not without additional work or customization.

When @ZachJW34 or @BuckyMaler give an update on how they want to tackle the issues in this plugin here, then the next steps can be further clarified. Currently there is no timeline for this feature, if you think you have an idea on how to fix it. Feel free to add pointers here.

[colinscz]

I will close this PR since I haven't heard anything from the maintainers in well over a year. Plus there is an exciting development ongoing by Nx. After releasing a Nx Vue plugin support they are currently working on an official Nuxt plugin. So I guess soon this plugin here will become obsolete for Nuxt too.

Thanks to everyone who gave feedback or hints. 👍🏽

For more information please consult Nx's latest blog post: https://blog.nrwl.io/nx-17-0-has-landed-1dad19176ff3#370a