Updates for ELS for Languages

Author: sboldyreva

docs/.vuepress/components/CodeWithCopy.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="code-block-wrapper">
+  <div class="code-block-wrapper" ref="wrapper">
     <button class="copy-button" @click="copyCode" aria-label="Copy code">
       <svg v-if="!copied" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" class="copy-icon">
         <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path>
@@ -17,9 +17,10 @@
 import { ref } from 'vue';
 
 const copied = ref(false);
+const wrapper = ref(null)
 
 function copyCode() {
-  const code = document.querySelector('.code-block-wrapper pre code')?.innerText;
+  const code = wrapper.value?.querySelector('pre code')?.innerText;
   if (code) {
     navigator.clipboard.writeText(code);
     copied.value = true;

docs/.vuepress/routes.json

@@ -22,5 +22,7 @@
     "/els-for-languages/#endless-lifecycle-support-for-angular": "/els-for-languages/angular",
     "/els-for-languages/#endless-lifecycle-support-for-angularjs": "/els-for-languages/angularjs",
     "/els-for-languages/python/#supported-versions": "/els-for-languages/python/#supported-os-and-python-versions",
-    "/els-for-languages/python/#supported-os": "/els-for-languages/python/#supported-os-and-python-versions" 
+    "/els-for-languages/python/#supported-os": "/els-for-languages/python/#supported-os-and-python-versions",
+    "/els-for-languages/php/#rpm-based-systems": "/els-for-languages/php/#installation-instructions-for-linux",
+    "/els-for-languages/php/#deb-based-systems": "/els-for-languages/php/#installation-instructions-for-linux"
 }

docs/els-for-languages/angular/README.md

@@ -68,8 +68,8 @@ You need a username, password, and token in order to use TuxCare ELS Angular rep
 
 TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal registry. Follow the steps below to add it to your project and get started.
 
-* Navigate to the root directory of your Angular project.
-* Create a `.npmrc` file or update it if it already exists.
+1. Navigate to the root directory of your Angular project.
+2. Create a `.npmrc` file or update it if it already exists.
 
   **Example:**
 
@@ -82,24 +82,30 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal
   └── tsconfig.json
   ```
 
-* Use an editor of your choice (e.g., VS Code) to add the following registry address line:
+3. Use an editor of your choice (e.g., VS Code) to add the following registry address line:
+
+  <CodeWithCopy>
 
   ```text
   registry=https://registry.npmjs.org/
   @els-angular:registry=https://nexus.repo.tuxcare.com/repository/els_angular/
   //nexus.repo.tuxcare.com/repository/els_angular/:_auth=${TOKEN}
   ```
 
+  </CodeWithCopy>
+
   :::warning
   Replace ${TOKEN} with the token you received from [[email protected]](mailto:[email protected]).
   :::
 
-* Update your `package.json` file to replace your Angular dependencies with the TuxCare packages:
+4. Update your `package.json` file to replace your Angular dependencies with the TuxCare packages:
 
   **Angular 12**
   <details>
     <summary>Click to expand</summary>
 
+  <CodeWithCopy>
+
   ```text
   "dependencies": {
       "@els-js/angular-12": "^0.0.1",
@@ -131,12 +137,16 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal
   }
   ```
 
+  </CodeWithCopy>
+
   </details>
 
   **Angular 13**
   <details>
     <summary>Click to expand</summary>
 
+  <CodeWithCopy>
+
   ```text
   "dependencies": {
       "@els-js/angular-13": "^0.0.1",
@@ -167,13 +177,16 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal
       "typescript": "file:./node_modules/@els-js/angular-13/deps/typescript"
   }
   ```
+  </CodeWithCopy>
 
   </details>
 
   **Angular 14**
   <details>
     <summary>Click to expand</summary>
 
+  <CodeWithCopy>
+    
   ```text
   "dependencies": {
       "@els-js/angular-14": "^0.0.1",
@@ -203,12 +216,16 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal
       "typescript": "file:./node_modules/@els-js/angular-14/deps/typescript"
   }
   ```
+    
+  </CodeWithCopy>
 
   </details>
 
   **Angular 15**
   <details>
     <summary>Click to expand</summary>
+    
+  <CodeWithCopy>
 
   ```text
   "dependencies": {
@@ -239,12 +256,16 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal
       "typescript": "file:./node_modules/@els-js/angular-15/deps/typescript"
   }
   ```
+    
+  </CodeWithCopy>
 
   </details>
 
   **Angular 16**
   <details>
     <summary>Click to expand</summary>
+    
+  <CodeWithCopy>
 
   ```text
   "dependencies": {
@@ -275,13 +296,17 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal
       "typescript": "file:./node_modules/@els-js/angular-16/deps/typescript"
   }
   ```
+    
+  </CodeWithCopy>
 
   </details>
 
   **Angular 17**
   <details>
     <summary>Click to expand</summary>
 
+  <CodeWithCopy>
+
   ```text
   "dependencies": {
       "@els-js/angular-17": "^0.0.1",
@@ -312,12 +337,16 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal
   }
   ```
 
+  </CodeWithCopy>
+
   </details>
 
   **Angular 18**
   <details>
     <summary>Click to expand</summary>
 
+  <CodeWithCopy>
+
   ```text
   "dependencies": {
       "@els-js/angular-18": "^0.0.1",
@@ -347,13 +376,17 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal
       "typescript": "file:./node_modules/@els-js/angular-18/deps/typescript"
   }
   ```
+    
+  </CodeWithCopy>
 
   </details>
 
   **Angular 19**
   <details>
     <summary>Click to expand</summary>
 
+  <CodeWithCopy>
+
   ```text
   "dependencies": {
       "@els-js/angular-19": "^0.0.1",
@@ -382,14 +415,20 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal
       "typescript": "file:./node_modules/@els-js/angular-19/deps/typescript"
   }
   ```
+    
+  </CodeWithCopy>
 
   </details>
 
-* In your terminal, run the following command to install ELS for Angular 16 dependencies:
+5. In your terminal, run the following command to install ELS for Angular 16 dependencies:
 
+  <CodeWithCopy>
+  
   ```text
   npm install --userconfig .npmrc
   ```
+  
+  </CodeWithCopy>
 
   You will see an output like:
 
@@ -399,4 +438,4 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal
   found 0 vulnerabilities
   ```
 
-* You've successfully integrated the TuxCare ELS for Angular repository into your project.
+6. You've successfully integrated the TuxCare ELS for Angular repository into your project.