getCountry.js

class getCountry {
  getCountry() {
    // Return a new promise.
    return new Promise((resolve, reject) => {
      // Do the usual XHR stuff
      const xhr = new XMLHttpRequest();
      const url = “https://freegeoip.net/json/”
      xhr.overrideMimeType(“application/json”);
      
     xhr.onreadystatechange = () => {
        if (xhr.readyState === 4 && xhr.status >= 200) {
          // Resolve the promise with the response text
          resolve(console.log(JSON.parse(xhr.responseText).country_name));
        } else {
          reject({
            status: this.status,
            statusText: xhr.statusText,
          });
        }
      };

     // Handle network errors
      xhr.onerror = function () {
        reject({
          status: this.status,
          statusText: xhr.statusText
        });
      };
      xhr.onloadend = function () {
        if (xhr.status === 404) {
          reject({
            status: this.status,
            statusText: xhr.statusText
          });
        }
      };
      xhr.open(“GET”, url, true);
      // Make the request
      xhr.send();
    });
  }
}

getCountry.install = (Vue) => {
  Vue.prototype.$get = new getCountry().getCountry;
};

export default getCountry;