[feat] improve docker vuejs docs guide

Author: kristiyan-velkov

content/guides/angular/develop.md

@@ -53,7 +53,7 @@ WORKDIR /app
 COPY package.json package-lock.json ./
 
 # Install dependencies using npm with caching to speed up subsequent builds
-RUN --mount=type=cache,target=/root/.npm npm ci
+RUN --mount=type=cache,target=/root/.npm npm install
 
 # Copy all application source files into the container
 COPY . .

content/guides/vuejs/_index.md

@@ -15,13 +15,12 @@ params:
 
 The Vue.js language-specific guide shows you how to containerize an Vue.js application using Docker, following best practices for creating efficient, production-ready containers.
 
-[Vue.js](https://vuejs.org/) Vue.js is a progressive and flexible framework for building modern, interactive web applications. Its simplicity and modularity make it ideal for projects of any size, from small prototypes to large-scale enterprise solutions. However, as applications grow, managing dependencies, configuring environments, and handling deployments can become increasingly intricate. Docker addresses these complexities by providing a consistent, containerized environment that simplifies development, testing, and production workflows.
+[Vue.js](https://vuejs.org/) is a progressive and flexible framework for building modern, interactive web applications. However, as applications scale, managing dependencies, environments, and deployments can become complex. Docker simplifies these challenges by providing a consistent, isolated environment for both development and production.
 
 > 
 > **Acknowledgment**
 >
-> Docker extends its sincere gratitude to [Kristiyan Velkov](https://www.linkedin.com/in/kristiyan-velkov-763130b3/) for authoring this comprehensive guide. As a respected Docker Captain and seasoned Front-end Engineer, Kristiyan brings deep expertise in Docker, DevOps, and modern web development. His commitment to clarity and best practices has made this guide an invaluable resource—empowering developers to streamline, optimize, and master their Docker workflows with confidence.
-
+> Docker extends its sincere gratitude to [Kristiyan Velkov](https://www.linkedin.com/in/kristiyan-velkov-763130b3/) for authoring this guide. As a Docker Captain and highly skilled Front-end engineer, Kristiyan brings exceptional expertise in modern web development, Docker, and DevOps. His hands-on approach and clear, actionable guidance make this guide an essential resource for developers aiming to build, optimize, and secure Vue.js applications with Docker.
 ---
 
 ## What will you learn?

content/guides/vuejs/configure-ci-cd.md renamed to content/guides/vuejs/configure-github-actions.md

@@ -1,6 +1,6 @@
 ---
-title: Configure CI/CD for your Vue.js application
-linkTitle: Configure CI/CD
+title: Automate your builds with GitHub Actions
+linkTitle: Automate your builds with GitHub Actions
 weight: 60
 keywords: CI/CD, GitHub( Actions), Vue.js
 description: Learn how to configure CI/CD using GitHub Actions for your Vue.js application.

content/guides/vuejs/containerize.md

@@ -134,13 +134,13 @@ FROM node:${NODE_VERSION} AS builder
 WORKDIR /app
 
 # Copy package-related files first to leverage Docker's caching mechanism
-COPY --link package.json package-lock.json ./
+COPY package.json package-lock.json ./
 
 # Install project dependencies using npm ci (ensures a clean, reproducible install)
-RUN npm ci
+RUN --mount=type=cache,target=/root/.npm npm ci
 
 # Copy the rest of the application source code into the container
-COPY --link . .
+COPY . .
 
 # Build the Vue.js application
 RUN npm run build
@@ -155,11 +155,11 @@ FROM nginxinc/nginx-unprivileged:${NGINX_VERSION} AS runner
 USER nginx
 
 # Copy custom Nginx config
-COPY --link nginx.conf /etc/nginx/nginx.conf
+COPY nginx.conf /etc/nginx/nginx.conf
 
 
 # Copy the static build output from the build stage to Nginx's default HTML serving directory
-COPY --link --from=builder /app/dist /usr/share/nginx/html
+COPY --chown=nginx:nginx --from=builder /app/dist /usr/share/nginx/html
 
 # Expose port 8080 to allow HTTP traffic
 # Note: The default NGINX container now listens on port 8080 instead of 80 
@@ -373,7 +373,7 @@ What this command does:
 - Tags the image as docker-vuejs-sample so you can reference it later
 
 
-#### Step 6:  View local images
+#### Step 6: View local images
 
 After building your Docker image, you can check which images are available on your local machine using either the Docker CLI or [Docker Desktop](/manuals/desktop/use-desktop/images.md). Since you're already working in the terminal, let's use the Docker CLI.
 

content/guides/vuejs/deploy.md

@@ -2,7 +2,7 @@
 title: Test your Vue.js deployment
 linkTitle: Test your deployment
 weight: 60
-keywords: deploy, kubernetes, vuejs
+keywords: deploy, kubernetes, vue, vue.js
 description: Learn how to deploy locally to test and debug your Kubernetes deployment
 
 ---
@@ -32,7 +32,7 @@ Follow these steps to define your deployment configuration:
 
 2. Open the file in your IDE or preferred text editor.
 
-3. Add the following configuration, and be sure to replace `{DOCKER_USERNAME}` and `{DOCKERHUB_PROJECT_NAME}` with your actual Docker Hub username and repository name from the previous [Configure CI/CD for your Vue.js application](configure-ci-cd.md).
+3. Add the following configuration, and be sure to replace `{DOCKER_USERNAME}` and `{DOCKERHUB_PROJECT_NAME}` with your actual Docker Hub username and repository name from the previous [Automate your builds with GitHub Actions](configure-github-actions.md).
 
 
 ```yaml
@@ -84,7 +84,7 @@ This manifest defines two key Kubernetes resources, separated by `---`:
 
 - Deployment
   Deploys a single replica of your Vue.js application inside a pod. The pod uses the Docker image built and pushed by your GitHub Actions CI/CD workflow  
-  (refer to [Configure CI/CD for your Vue.js application](configure-ci-cd.md)).  
+  (refer to [Automate your builds with GitHub Actions](configure-github-actions.md)).  
   The container listens on port `8080`, which is typically used by [Nginx](https://nginx.org/en/docs/) to serve your production Vue.js app.
 
 - Service (NodePort) 

content/guides/vuejs/develop.md

@@ -43,17 +43,20 @@ ARG NODE_VERSION=22.14.0-alpine
 # Use a lightweight Node.js image for development
 FROM node:${NODE_VERSION} AS dev
 
+# Set environment variable to indicate development mode
+ENV NODE_ENV=development
+
 # Set the working directory inside the container
 WORKDIR /app
 
 # Copy package-related files first to leverage Docker's caching mechanism
-COPY --link package.json package-lock.json ./
+COPY package.json package-lock.json ./
 
 # Install project dependencies
 RUN --mount=type=cache,target=/root/.npm npm install
 
 # Copy the rest of the application source code into the container
-COPY --link . .
+COPY . .
 
 # Expose the port used by the Vite development server
 EXPOSE 5173

content/guides/vuejs/run-tests.md

@@ -84,7 +84,7 @@ After completing the previous steps, your project directory should contain the f
 │ └── README.Docker.md
 ```
 
-### Step 4: Run the tests
+### Step 2: Run the tests
 
 To execute your test suite inside the container, run the following command from your project root: