feat(nuxt): nodes for build, serve targets

docs/shared/packages/nuxt/nuxt-plugin.md

@@ -50,3 +50,87 @@ pnpm install -D @nx/nuxt
 ```shell
 nx g @nx/nuxt:app my-app
 ```
+
+## Add Nx to existing Nuxt applications
+
+Using the `@nx/nuxt/plugin`, you can adds Nuxt targets to Nx. This allows you to run Nuxt for projects that have a `nuxt.config.ts` file via Nx with caching and everything setup.
+
+### How it works
+
+#### Fist, set up Nx
+
+First, you need to run `npx nx init` in your project. You can read more in our guide about [adopting Nx](/recipes/adopting-nx/adding-to-existing-project).
+
+#### Then, add the plugin
+
+Install the plugin as shown above:
+
+{% tabs %}
+{% tab label="npm" %}
+
+```shell
+npm install -D @nx/nuxt
+```
+
+{% /tab %}
+{% tab label="yarn" %}
+
+```shell
+yarn add -D @nx/nuxt
+```
+
+{% /tab %}
+{% tab label="pnpm" %}
+
+```shell
+pnpm install -D @nx/nuxt
+```
+
+{% /tab %}
+{% /tabs %}
+
+#### Finally, run the init command
+
+You can now run `nx g @nx/nuxt:init` and the following will be setup in `nx.json` in the `plugins` array:
+
+```json
+...
+plugins: [
+  {
+    "plugin": "@nx/nuxt/plugin",
+    "options": {
+      "buildTargetName": "build",
+      "serveTargetName": "serve",
+      "testTargetName": "test",
+    },
+  },
+  ...
+]
+```
+
+This will create targets for `build`, `test` and `serve` in your project graph, so that you can run `nx build my-app`, `nx test my-app` etc. This will work for every single project in your workspace that has a `nuxt.config.ts` file.
+
+### How to configure
+
+Any options you need for your Nuxt app, you can add in your project's `nuxt.config.ts`.
+
+If you want to customize these targets more, read the [guide on configuring projects](/reference/project-configuration).
+
+You can edit the name of your targets if you want to use a different name. For example, you can have this configuration:
+
+```json
+...
+plugins: [
+  {
+    "plugin": "@nx/nuxt/plugin",
+    "options": {
+      "buildTargetName": "build-core",
+      "serveTargetName": "serve",
+      "testTargetName": "test",
+    },
+  },
+  ...
+]
+```
+
+and this will create `build-core` and `serve` targets in your project graph. You can then call `nx build-core my-app` for all your projects that have a `nuxt.config.ts|js` file.

package.json

@@ -60,10 +60,10 @@
     "@nestjs/schematics": "^9.1.0",
     "@nestjs/swagger": "^6.0.0",
     "@nestjs/testing": "^9.0.0",
+    "@nuxt/kit": "^3.8.1",
     "@ngrx/effects": "~17.0.0",
     "@ngrx/router-store": "~17.0.0",
     "@ngrx/store": "~17.0.0",
-    "@nuxt/kit": "^3.8.1",
     "@nuxt/schema": "^3.8.1",
     "@nx/angular": "17.1.1",
     "@nx/cypress": "17.1.1",
@@ -230,7 +230,7 @@
     "ng-packagr": "~17.0.0",
     "node-fetch": "^2.6.7",
     "npm-package-arg": "11.0.1",
-    "nuxi": "npm:nuxi-nightly@3.9.2-1699007958.251cab5",
+    "nuxi": "^3.10.0",
     "nx": "17.1.1",
     "octokit": "^2.0.14",
     "open": "^8.4.0",

packages/js/src/generators/library/__snapshots__/library.spec.ts.snap

@@ -8,6 +8,7 @@ import * as path from 'path';
 import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
 
 export default defineConfig({
+  root: __dirname,
   cacheDir: '../node_modules/.vite/my-lib',
 
   plugins: [
@@ -27,6 +28,7 @@ export default defineConfig({
   // Configuration for building your library.
   // See: https://vitejs.dev/guide/build.html#library-mode
   build: {
+    outDir: '../dist/my-lib',
     lib: {
       // Could also be a dictionary or array of multiple entry points.
       entry: 'src/index.ts',
@@ -49,6 +51,11 @@ export default defineConfig({
     },
     environment: 'jsdom',
     include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+
+    coverage: {
+      reportsDirectory: '../coverage/my-lib',
+      provider: 'v8',
+    },
   },
 });
 "

packages/nuxt/.eslintrc.json

@@ -33,8 +33,7 @@
               "nx",
               "typescript",
               "@nx/cypress",
-              "@nx/playwright",
-              "nuxi"
+              "@nx/playwright"
             ]
           }
         ]

packages/nuxt/executors.json

@@ -1,10 +1,5 @@
 {
   "executors": {
-    "build": {
-      "implementation": "./src/executors/build/build.impl",
-      "schema": "./src/executors/build/schema.json",
-      "description": "Build with Nuxt."
-    },
     "serve": {
       "implementation": "./src/executors/serve/serve.impl",
       "schema": "./src/executors/serve/schema.json",

packages/nuxt/package.json

@@ -28,10 +28,9 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "nuxi": "npm:nuxi-nightly@3.9.2-1699007958.251cab5",
+    "nuxi": "^3.10.0",
     "tslib": "^2.3.0",
     "@nuxt/kit": "^3.8.1",
-    "@nuxt/schema": "^3.8.1",
     "@nx/devkit": "file:../devkit",
     "@nx/js": "file:../js",
     "@nx/eslint": "file:../eslint",

packages/nuxt/plugin.ts

@@ -0,0 +1 @@
+export { createNodes, NuxtPluginOptions } from './src/plugins/plugin';

packages/nuxt/project.json

@@ -19,7 +19,8 @@
         "main": "packages/nuxt/index.ts",
         "generateExportsField": true,
         "additionalEntryPoints": [
-          "{projectRoot}/{executors,generators,migrations}.json"
+          "{projectRoot}/{executors,generators,migrations}.json",
+          "{projectRoot}/plugin.ts"
         ],
         "assets": [
           {

packages/nuxt/src/executors/serve/schema.json

@@ -11,40 +11,7 @@
       "keys": []
     }
   ],
-  "properties": {
-    "debug": {
-      "type": "boolean",
-      "description": "Set to true to enable debug mode."
-    },
-    "dev": {
-      "type": "boolean",
-      "description": "Whether Nuxt is running in development mode."
-    },
-    "ssr": {
-      "type": "boolean",
-      "description": "Whether to enable rendering of HTML - either dynamically (in server mode) or at generate time. If set to false generated pages will have no content."
-    },
-    "port": {
-      "type": "number",
-      "description": "Port to listen on.",
-      "x-priority": "important"
-    },
-    "host": {
-      "description": "Hostname of the server.",
-      "type": "string"
-    },
-    "https": {
-      "oneOf": [
-        {
-          "type": "boolean"
-        },
-        {
-          "type": "object"
-        }
-      ],
-      "description": "Listen with https protocol with a self-signed certificate by default."
-    }
-  },
+  "properties": {},
   "definitions": {},
   "required": []
 }