feat: added a button to copy the commands (#212)

Co-authored-by: onyx <[email protected]>
Co-authored-by: Jay <[email protected]>

Author: 3 people

posts/en/intro.md

@@ -36,34 +36,48 @@ Using npm:
 ```bash
 $ npm install axios
 ```
+<button onclick="copyToClipboard('npm install axios')">Copy</button>
 
 Using bower:
 
 ```bash
 $ bower install axios
 ```
-
+<button onclick="copyToClipboard('bower install axios')">Copy</button>
 Using yarn:
 
 ```bash
 $ yarn add axios
 ```
-
+<button onclick="copyToClipboard('yarn add axios')">Copy</button>
 Using jsDelivr CDN:
 
 ```html
 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
 ```
+<button onclick="copyToClipboard('<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>')">Copy</button>
 
 Using unpkg CDN:
 
 ```html
 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 ```
-
+<button onclick="copyToClipboard('<script src="https://unpkg.com/axios/dist/axios.min.js"></script>')">Copy</button>
 Prebuilt CommonJS modules for direct importing with require (if your module bundler failed to resolve them automatically)
 
 ```js
 const axios = require('axios/dist/browser/axios.cjs'); // browser
 const axios = require('axios/dist/node/axios.cjs'); // node
 ```
+<button onclick="copyToClipboard('const axios = require('axios/dist/browser/axios.cjs');    
+const axios = require(\'axios/dist/node/axios.cjs\'); // node')">Copy</button>
+
+<script>
+function copyToClipboard(text) {
+  navigator.clipboard.writeText(text).then(() => {
+    alert('Copied to clipboard!');
+  }).catch(err => {
+    console.error('Failed to copy: ', err);
+  });
+}
+</script>