Update README.md

Author: imagekitio

README.md

@@ -12,53 +12,53 @@ ImageKit Vue.js SDK allows you to use real-time [image resizing](https://docs.im
 ## Breaking changes - Upgrading from 1.x to 2.x version
 2.x version has breaking changes as listed below.
 
-* In version 2.0.0, three global components, namely `ik-image`, `ik-upload`, and `ik-context`, are no longer supported. Instead, it is recommended to import these components individually.
-
-```javascript
-
-import { IKImage, IKContext, IKUpload } from "imagekitio-vue"
-
-export default {
-  components: {
-    IKImage,
-    IKContext,
-    IKUpload
-  }
-}
-
-```
-
-* In version 2.0.0, we have deprecated the use of the `authenticationEndpoint` parameter. Instead, the SDK has introduced a new parameter named `authenticator`. This parameter expects an asynchronous function that resolves with an object containing the necessary security parameters i.e `signature`, `token`, and `expire`.
-
-An example implementation for `authenticator` using `Fetch API`.
-
-``` javascript
-
- const authenticator = async () => {
-    try {
-
-        // You can also pass headers and validate the request source in the backend, or you can use headers for any other use case.
-        const headers = {
-          'CustomHeader': 'CustomValue'
-        };
-
-        const response = await fetch('server_endpoint', {
-            headers
-        });
-
-        if (!response.ok) {
-            const errorText = await response.text();
-            throw new Error(`Request failed with status ${response.status}: ${errorText}`);
+1. In version 2.0.0, three global components, namely `ik-image`, `ik-upload`, and `ik-context`, are no longer supported. Instead, it is recommended to import these components individually.
+
+      ```javascript
+      
+      import { IKImage, IKContext, IKUpload } from "imagekitio-vue"
+      
+      export default {
+        components: {
+          IKImage,
+          IKContext,
+          IKUpload
         }
-
-        const data = await response.json();
-        const { signature, expire, token } = data;
-        return { signature, expire, token };
-    } catch (error) {
-        throw new Error(`Authentication request failed: ${error.message}`);
-    }
-};
-```
+      }
+      
+      ```
+
+2. We have deprecated the use of the `authenticationEndpoint` parameter. Instead, the SDK has introduced a new parameter named `authenticator`. This parameter expects an asynchronous function that resolves with an object containing the necessary security parameters i.e `signature`, `token`, and `expire`.
+
+      An example implementation for `authenticator` using `Fetch API`.
+      
+      ``` javascript
+      
+       const authenticator = async () => {
+          try {
+      
+              // You can also pass headers and validate the request source in the backend, or you can use headers for any other use case.
+              const headers = {
+                'CustomHeader': 'CustomValue'
+              };
+      
+              const response = await fetch('server_endpoint', {
+                  headers
+              });
+      
+              if (!response.ok) {
+                  const errorText = await response.text();
+                  throw new Error(`Request failed with status ${response.status}: ${errorText}`);
+              }
+      
+              const data = await response.json();
+              const { signature, expire, token } = data;
+              return { signature, expire, token };
+          } catch (error) {
+              throw new Error(`Authentication request failed: ${error.message}`);
+          }
+      };
+      ```
 
 *Note*: Avoid generating security parameters on the client side. Always send a request to your backend to retrieve security parameters, as the generation of these parameters necessitates the use of your Imagekit `privateKey`, which must not be included in client-side code.