feat: add apiVersion config

Author: Amr Hamdy

README.md

@@ -200,6 +200,28 @@ Note: this will disregard your token above as this should be built into the CNAM
 
 Your image folder on server, this alows to shorten your origin image URLs.
 
+### apiVersion
+
+###### Type: **String** |Default: **'v7'** | _optional_
+
+Allow to use a specific version of API.
+
+- set a specific version of API
+```javascript
+const cloudimageConfig = {
+  token: 'demo',
+  baseURL: 'https://jolipage.airstore.io/',
+  apiVersion: 'v7'                            // optional
+};
+```
+- disable API version
+```javascript
+const cloudimageConfig = {
+  token: 'demo',
+  baseURL: 'https://jolipage.airstore.io/',
+  apiVersion: null                            // optional
+};
+```
 ### doNotReplaceURL
 
 ###### Type: **bool** | Default: **false**

examples/src/App.vue

@@ -420,7 +420,7 @@
                     position: relative;
                   "
                 >
-                  <img src="https://doc.cloudimg.io/v7/sample.li/boat.jpg" />
+                  <img src="https://doc.cloudimg.io/sample.li/boat.jpg" />
                   <div class="border-box" />
                 </div>
               </div>
@@ -781,7 +781,7 @@ export default {
 />`,
       syntaxHighlight2: `<div style=" width: 200px, height: 200px ">
   <img 
-    src="https://doc.cloudimg.io/v7/sample.li/boat.jpg"
+    src="https://doc.cloudimg.io/sample.li/boat.jpg"
   />
 </div>`,
       syntaxHighlight3: `<div style=" width: 200px, height: 200px ">

package.json

@@ -36,7 +36,7 @@
     "publish-demo": "npm run build-demo && npm run deploy"
   },
   "dependencies": {
-    "cloudimage-responsive-utils": "^2.3.0",
+    "cloudimage-responsive-utils": "^2.4.0",
     "core-js": "^3.6.5",
     "throttle-debounce": "^2.2.1"
   },

src/CloudImageProvider.vue

@@ -31,6 +31,7 @@ export default {
               xl: '(min-width: 1200px)' // from 1200    USUALSCREEN
             },
         params: this.cloudImageConfig.params? processParams(this.cloudImageConfig.params) :'org_if_sml=1',
+        apiVersion: 'v7',
         imageSizeAttributes: this.cloudImageConfig.imageSizeAttributes || 'use',
         innerWidth: typeof window !== 'undefined' ? window.innerWidth : null,
         previewQualityFactor: 10,