web app boilerplate

2019-09-26 11:13:41 +02:00
parent 17915ec7e9
commit dba1fb6c66
6 changed files with 73 additions and 0 deletions
@@ -0,0 +1 @@
 .idea
@@ -0,0 +1,24 @@
 {
  "esversion": 6,
  "maxerr": 999,
  "indent": true,
  "camelcase": true,
  "eqeqeq": true,
  "forin": true,
  "immed": true,
  "latedef": true,
  "noarg": true,
  "noempty": true,
  "nonew": true,
  "undef": true,
  "unused": true,
  "varstmt": true,
  "sub": true,
  "quotmark": "single",
  "browser": true,
  "globals": {
    "Vue": false,
    "utils": true,
    "app": true
  }
 }
@@ -0,0 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Wikipedia Translator</title>
    <link rel="stylesheet" href="style.css">
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
 </head>
 <body>
 <main id="app">
    <h2>{{sample}}</h2>
 </main>
 </body>
 </html>
@@ -0,0 +1,15 @@
 /* exported app */
 let app = {
  el: '#app',
  data: {
    sample: 'Wikipedia translator'
  },
  methods: {},
  'mounted': {},
  'created': {}
 };
 window.onload = () => {
  app = new Vue(app);
 };
@@ -0,0 +1,17 @@
 /* exported utils */
 const utils = {
  get: (url, proxy = false) => {
    return new Promise((resolve, reject) => {
      const xhr = new XMLHttpRequest();
      if (proxy) {
        const http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
        url = http + '//cors-anywhere.herokuapp.com/' + url;
      }
      xhr.open("GET", url);
      xhr.onload = () => resolve(xhr.responseText);
      xhr.onerror = () => reject(xhr.statusText);
      xhr.send();
    });
  }
 };