Merge pull request #56 from sc0Vu/backward-support

Backward support to vue version < 3.0.0

Author: imcvampire

README.md

@@ -5,22 +5,29 @@ A small wrapper for integrating axios to Vuejs
 
 |VueJS \ VueAxios|1.x|2.x|3.x|
 |-|-|-|-|
-|1.x|✔|✔|❌|
-|2.x|✔|✔|❌|
+|1.x|✔|✔|✔|
+|2.x|✔|✔|✔|
 |3.x|❌|❌|✔|
 
 ## How to install:
 ### ES6 Module:
 ```bash
 npm install --save axios vue-axios
 ```
-
-And in your entry file:
+Import libraries in entry file:
 ```js
 import Vue from 'vue'
 import axios from 'axios'
 import VueAxios from 'vue-axios'
+```
+
+Usage in Vue 2:
+```js
+Vue.use(VueAxios, axios)
+```
 
+Usage in Vue 3:
+```js
 const app = Vue.createApp(...)
 app.use(VueAxios, axios)
 ```

package-lock.json

@@ -30,7 +30,8 @@
   "homepage": "https://github.com/imcvampire/vue-axios#readme",
   "dependencies": {
     "axios": "^0.20.0",
-    "vue": "^3.0.0"
+    "semver": "^7.3.2",
+    "vue": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.11.6",

package.json

@@ -1,5 +1,5 @@
 (function () {
-
+const semver = require('semver')
 /**
  * Install plugin
  * @param app
@@ -16,12 +16,36 @@ function plugin(app, axios) {
     return
   }
 
+  if (semver.valid(app.version) == null) {
+    console.error('Unkown vue version')
+    return
+  }
+
   plugin.installed = true;
 
-  app.axios = axios;
+  if (semver.lt(app.version, '3.0.0')) {
+    Object.defineProperties(app.prototype, {
 
-  app.config.globalProperties.axios = axios;
-  app.config.globalProperties.$http = axios;
+      axios: {
+        get: function get() {
+          return axios;
+        }
+      },
+
+      $http: {
+        get: function get() {
+          return axios;
+        }
+      }
+
+    });
+  } else {
+    app.config.globalProperties.axios = axios;
+    app.config.globalProperties.$http = axios;
+  }
+
+  app.axios = axios;
+  app.$http = axios;
 }
 
 if (typeof exports == "object") {