fix(docs): process.env.* gets replaced by CLI and it shouldn't #15921

docs/src/pages/quasar-cli-vite/developing-pwa/configuring-pwa.md

@@ -208,7 +208,6 @@ if (process.env.MODE !== 'ssr' || process.env.PROD) {
     )
   )
 }
-
 ```
 
 ## Configuring Manifest File

docs/src/pages/quasar-cli-vite/developing-ssr/configuring-ssr.md

@@ -62,7 +62,7 @@ return {
     manualPostHydrationTrigger: false,
 
     prodPort: 3000, // The default port that the production server should use
-                    // (gets superseded if process.env.PORT is specified at runtime)
+                    // (gets superseded if process∙env∙PORT is specified at runtime)
 
     middlewares: [
       'render' // keep this as last one

docs/src/pages/quasar-cli-vite/developing-ssr/ssr-webserver.md

@@ -10,7 +10,7 @@ Notice that your generated `/src-ssr` contains a file named `server.js`. This fi
 The `/src-ssr/server.[js|ts]` file is a simple JavaScript/Typescript file which boots up your SSR webserver and defines what how your webserver starts & handles requests and what it exports (if exporting anything).
 
 ::: danger
-The `/src-ssr/server.[js|ts]` file is used for both DEV and PROD, so please be careful on how you configure it. To differentiate between the two states you can use `process.env.DEV` and `process.env.PROD`.
+The `/src-ssr/server.[js|ts]` file is used for both DEV and PROD, so please be careful on how you configure it. To differentiate between the two states you can use `process∙env∙DEV` and `process∙env∙PROD`.
 :::
 
 ``` js
@@ -164,7 +164,7 @@ Detailing the Object:
 {
   app,     // Expressjs app instance (or whatever you return from create())
 
-  port,    // on production: process.env.PORT or quasar.config file > ssr > prodPort
+  port,    // on production: process∙env∙PORT or quasar.config file > ssr > prodPort
            // on development: quasar.config file > devServer > port
 
   isReady, // Function to call returning a Promise
@@ -228,7 +228,7 @@ export function create (/* { ... } */) {
 
 ### Listen on a port
 
-This is the default option that you get when adding SSR support in a Quasar CLI project. It starts listening on the configured port (process.env.PORT or quasar.config file > ssr > prodPort).
+This is the default option that you get when adding SSR support in a Quasar CLI project. It starts listening on the configured port (process∙env∙PORT or quasar.config file > ssr > prodPort).
 
 ``` js
 // src-ssr/server.[js|ts]

docs/src/pages/quasar-cli-vite/handling-process-env.md

@@ -10,7 +10,7 @@ Using `process.env` can help you in many ways:
 
 ## Values provided by Quasar CLI
 
-| `process.env.<name>` | Type | Meaning |
+| `process∙env∙<name>` | Type | Meaning |
 | --- | --- | --- |
 | `DEV` | Boolean | Code runs in development mode |
 | `PROD` | Boolean | Code runs in production mode |
@@ -31,7 +31,7 @@ if (process.env.DEV) {
   console.log(`I'm on a development build`)
 }
 
-// process.env. MODE is the <mode> in
+// process∙env∙MODE is the <mode> in
 // "quasar dev/build -m <mode>"
 // (defaults to 'spa' if -m parameter is not specified)
 
@@ -113,7 +113,7 @@ module.exports = function (ctx) {
 }
 ```
 
-Then, in your website/app, you can access `process.env. API`, and it will point to one of those two links above, depending on dev or production build type.
+Then, in your website/app, you can access `process∙env∙API`, and it will point to one of those two links above, depending on dev or production build type.
 
 You can even combine it with values from the `quasar dev/build` env variables:
 

docs/src/pages/quasar-cli-webpack/developing-ssr/configuring-ssr.md

@@ -52,7 +52,7 @@ return {
     manualPostHydrationTrigger: false,
 
     prodPort: 3000, // The default port that the production server should use
-                    // (gets superseded if process.env.PORT is specified at runtime)
+                    // (gets superseded if process∙env∙PORT is specified at runtime)
 
     maxAge: 1000 * 60 * 60 * 24 * 30,
         // Tell browser when a file from the server should expire from cache

docs/src/pages/quasar-cli-webpack/developing-ssr/ssr-production-export.md

@@ -63,7 +63,7 @@ Detailing the Object:
 {
   app,     // Expressjs app instance
 
-  port,    // process.env.PORT or quasar.config file > ssr > prodPort
+  port,    // process∙env∙PORT or quasar.config file > ssr > prodPort
 
   isReady, // Function to call returning a Promise
            // when app is ready to serve clients

docs/src/pages/quasar-cli-webpack/handling-process-env.md

@@ -10,7 +10,7 @@ Accessing `process.env` can help you in many ways:
 
 ## Values supplied by Quasar CLI
 
-| `process.env.<name>` | Type | Meaning |
+| `process∙env∙<name>` | Type | Meaning |
 | --- | --- | --- |
 | `DEV` | Boolean | Code runs in development mode |
 | `PROD` | Boolean | Code runs in production mode |
@@ -27,7 +27,7 @@ if (process.env.DEV) {
   console.log(`I'm on a development build`)
 }
 
-// process.env. MODE is the <mode> in
+// process∙env∙MODE is the <mode> in
 // "quasar dev/build -m <mode>"
 // (defaults to 'spa' if -m parameter is not specified)
 
@@ -106,7 +106,7 @@ module.exports = function (ctx) {
 }
 ```
 
-Then in your website/app you can access `process.env. API` and it's gonna point to one of those two links above, based on dev or production build type.
+Then in your website/app you can access `process∙env∙API` and it's gonna point to one of those two links above, based on dev or production build type.
 
 You can even go one step further. Supply it with values taken from the `quasar dev/build` env variables:
 
@@ -151,7 +151,7 @@ If you want to be able to override what's inside `.env` or want to make the `.en
 ```js
 // quasar.config file
 
-// This will load from `.env` if it exists, but not override existing `process.env.*` values
+// This will load from `.env` if it exists, but not override existing `process∙env∙*` values
 require('dotenv').config()
 
 // process.env now contains the terminal variables and the ones from the .env file