fix(nx-dev): remove fence from new packages and "nx add" commands (#2…

…1705)

(cherry picked from commit 3ead019)

docs/generated/packages/angular/documents/overview.md

@@ -33,7 +33,7 @@ In any Nx workspace, you can install `@nx/angular` by running the following comm
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/angular
 ```
 

docs/generated/packages/cypress/documents/overview.md

@@ -29,7 +29,7 @@ In any Nx workspace, you can install `@nx/cypress` by running the following comm
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/cypress
 ```
 

docs/generated/packages/detox/documents/overview.md

@@ -36,7 +36,7 @@ In any Nx workspace, you can install `@nx/detox` by running the following comman
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/detox
 ```
 

docs/generated/packages/esbuild/documents/overview.md

@@ -25,7 +25,7 @@ In any Nx workspace, you can install `@nx/esbuild` by running the following comm
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/esbuild
 ```
 

docs/generated/packages/eslint-plugin/documents/overview.md

@@ -13,10 +13,27 @@ Make sure to install the `@nx/eslint-plugin` version that matches the version of
 
 In any Nx workspace, you can install `@nx/eslint-plugin` by running the following commands if the package is not already installed:
 
-```shell
+{% tabs %}
+{% tab label="Nx 18+" %}
+
+```shell {% skipRescope=true %}
 nx add @nx/eslint-plugin
 ```
 
+This will install the correct version of `@nx/eslint-plugin`.
+
+{% /tab %}
+{% tab label="Nx < 18" %}
+
+Install the `@nx/eslint-plugin` package with your package manager.
+
+```shell
+npm add -D @nx/eslint-plugin
+```
+
+{% /tab %}
+{% /tabs %}
+
 ## Included plugins
 
 The plugin contains the following rule configurations divided into sub-plugins.

docs/generated/packages/eslint/documents/overview.md

@@ -13,7 +13,7 @@ In any Nx workspace, you can install `@nx/eslint` by running the following comma
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/eslint
 ```
 
@@ -57,14 +57,23 @@ The `@nx/eslint/plugin` is configured in the `plugins` array in `nx.json`.
 - The `targetName` option controls the name of the inferred ESLint tasks. The default name is `lint`.
 
 {% /tab %}
-{% tab label="Nx < 18" %}
+{% tab label="Nx 17" %}
 
 Install the `@nx/eslint` package with your package manager.
 
-```shell
+```shell {% skipRescope=true %}
 npm add -D @nx/eslint
 ```
 
+{% /tab %}
+{% tab label="Nx < 17" %}
+
+Install the `@nx/linter` package with your package manager.
+
+```shell
+npm add -D @nx/linter
+```
+
 {% /tab %}
 {% /tabs %}
 

docs/generated/packages/expo/documents/overview.md

@@ -21,7 +21,7 @@ In any Nx workspace, you can install `@nx/expo` by running the following command
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/expo
 ```
 

docs/generated/packages/express/documents/overview.md

@@ -22,7 +22,7 @@ In any Nx workspace, you can install `@nx/express` by running the following comm
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/express
 ```
 

docs/generated/packages/jest/documents/overview.md

@@ -22,7 +22,7 @@ In any Nx workspace, you can install `@nx/jest` by running the following command
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/jest
 ```
 

docs/generated/packages/js/documents/overview.md

@@ -18,7 +18,7 @@ In any Nx workspace, you can install `@nx/js` by running the following command:
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/js
 ```
 

docs/generated/packages/nest/documents/overview.md

@@ -34,7 +34,7 @@ In any Nx workspace, you can install `@nx/nest` by running the following command
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/nest
 ```
 

docs/generated/packages/next/documents/overview.md

@@ -30,7 +30,7 @@ In any workspace, you can install `@nx/next` by running the following command:
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/next
 ```
 

docs/generated/packages/node/documents/overview.md

@@ -13,7 +13,7 @@ In any Nx workspace, you can install `@nx/node` by running the following command
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/node
 ```
 

docs/generated/packages/nuxt/documents/overview.md

@@ -23,7 +23,7 @@ Make sure to install the `@nx/nuxt` version that matches the version of `nx` in
 
 In any Nx workspace, you can install `@nx/nuxt` by running the following command:
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/nuxt
 ```
 

docs/generated/packages/playwright/documents/overview.md

@@ -24,7 +24,7 @@ In any Nx workspace, you can install `@nx/playwright` by running the following c
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/playwright
 ```
 
@@ -74,7 +74,7 @@ The `@nx/playwright/plugin` will automatically split your e2e tasks by file. You
 
 Install the `@nx/playwright` package with your package manager.
 
-```shell
+```shell {% skipRescope=true %}
 npm add -D @nx/playwright
 ```
 

docs/generated/packages/react-native/documents/overview.md

@@ -35,7 +35,7 @@ In any Nx workspace, you can install `@nx/react-native` by running the following
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/react-native
 ```
 

docs/generated/packages/react/documents/overview.md

@@ -27,7 +27,7 @@ In any Nx workspace, you can install `@nx/react` by running the following comman
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/react
 ```
 

docs/generated/packages/remix/documents/overview.md

@@ -28,7 +28,7 @@ In any Nx workspace, you can install `@nx/remix` by running the following comman
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/remix
 ```
 

docs/generated/packages/storybook/documents/overview.md

@@ -20,7 +20,7 @@ In any Nx workspace, you can install `@nx/storybook` by running the following co
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/storybook
 ```
 

docs/generated/packages/vite/documents/overview.md

@@ -35,7 +35,7 @@ In any Nx workspace, you can install `@nx/vite` by running the following command
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/vite
 ```
 

docs/generated/packages/vue/documents/overview.md

@@ -26,7 +26,7 @@ In any Nx workspace, you can install `@nx/vue` by running the following command:
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/vue
 ```
 
@@ -37,7 +37,7 @@ This will install the correct version of `@nx/vue`.
 
 Install the `@nx/vue` package with your package manager.
 
-```shell
+```shell {% skipRescope=true %}
 npm add -D @nx/vue
 ```
 

docs/generated/packages/web/documents/overview.md

@@ -21,7 +21,7 @@ In any Nx workspace, you can install `@nx/web` by running the following command:
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/web
 ```
 

docs/generated/packages/webpack/documents/overview.md

@@ -36,7 +36,7 @@ In any Nx workspace, you can install `@nx/webpack` by running the following comm
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/webpack
 ```
 

docs/nx-cloud/features/split-e2e-tasks.md

@@ -11,14 +11,14 @@ To enable automatically split e2e tasks, you need to turn on [inferred tasks](/c
 {% tabs %}
 {% tab label="Cypress" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/cypress
 ```
 
 {% /tab %}
 {% tab label="Playwright" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/playwright
 ```
 

docs/shared/features/enforce-module-boundaries.md

@@ -15,7 +15,7 @@ Nx provides an `enforce-module-boundaries` eslint rule that enforces the public
 
 To set up the lint rule, install these dependencies:
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/eslint-plugin @nx/devkit
 ```
 

docs/shared/guides/react-native.md

@@ -134,7 +134,7 @@ When using React Native in Nx, you get the out-of-the-box support for TypeScript
 
 For existing Nx workspaces, install the `@nx/react-native` package to add React Native capabilities to it.
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/react-native
 ```
 

docs/shared/guides/remix.md

@@ -31,7 +31,7 @@ In this recipe, we'll show you how to create a [Remix](https://remix.run) applic
 Make sure to install the `@nx/remix` version that is on the same minor version as the `nx` version in your repository. If the version numbers get out of sync, you can encounter some difficult to debug errors. You can [fix Nx version mismatches with this recipe](/recipes/tips-n-tricks/keep-nx-versions-in-sync).
 {% /callout %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/remix
 ```
 

docs/shared/migration/migration-angularjs.md

@@ -41,7 +41,7 @@ At the next prompt, you can choose whether to use [Nx Cloud](https://nx.app) or
 
 Your new workspace won’t have much in it because of the `apps` preset. You’ll need to generate an application to have some structure created. Add the Angular plugin to your workspace:
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/angular
 ```
 

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

@@ -33,7 +33,7 @@ In any Nx workspace, you can install `@nx/angular` by running the following comm
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/angular
 ```
 

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

@@ -29,7 +29,7 @@ In any Nx workspace, you can install `@nx/cypress` by running the following comm
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/cypress
 ```
 

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

@@ -36,7 +36,7 @@ In any Nx workspace, you can install `@nx/detox` by running the following comman
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/detox
 ```
 

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

@@ -25,7 +25,7 @@ In any Nx workspace, you can install `@nx/esbuild` by running the following comm
 {% tabs %}
 {% tab label="Nx 18+" %}
 
-```shell
+```shell {% skipRescope=true %}
 nx add @nx/esbuild
 ```
 

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

@@ -13,10 +13,27 @@ Make sure to install the `@nx/eslint-plugin` version that matches the version of
 
 In any Nx workspace, you can install `@nx/eslint-plugin` by running the following commands if the package is not already installed:
 
-```shell
+{% tabs %}
+{% tab label="Nx 18+" %}
+
+```shell {% skipRescope=true %}
 nx add @nx/eslint-plugin
 ```
 
+This will install the correct version of `@nx/eslint-plugin`.
+
+{% /tab %}
+{% tab label="Nx < 18" %}
+
+Install the `@nx/eslint-plugin` package with your package manager.
+
+```shell
+npm add -D @nx/eslint-plugin
+```
+
+{% /tab %}
+{% /tabs %}
+
 ## Included plugins
 
 The plugin contains the following rule configurations divided into sub-plugins.