adding latest tutorials

2020-02-28 02:00:08 +00:00
parent fbaefd7d20
commit 72ef877bcc
4 changed files with 74 additions and 15 deletions
--- a/tutorials/events-app/package.json
+++ b/tutorials/events-app/package.json
@@ -8,10 +8,12 @@
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
-    "blurify": "^1.2.0",
+    "axios": "^0.19.2",
    "bulma": "^0.8.0",
    "core-js": "^3.6.4",
+    "moment": "^2.24.0",
    "vue": "^2.6.11",
+    "vue-axios": "^2.1.5",
    "vue-router": "^3.1.5"
  },
  "devDependencies": {
--- a/tutorials/events-app/src/main.js
+++ b/tutorials/events-app/src/main.js
@@ -1,17 +1,19 @@
 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
+import axios from 'axios'
+import VueAxios from 'vue-axios'
 import './../node_modules/bulma/css/bulma.css'
-import blurify from './../node_modules/blurify'
+// import moment from './../node_modules/moment/moment.js'

 Vue.config.productionTip = false
+// Object.defineProperty(Vue.prototype, '$moment', { value: moment });

+Vue.use(VueAxios, axios)

 new Vue({
  router,
  render: h => h(App)
 }).$mount('#app')

-Object.defineProperty(Vue.prototype, "$blurify", { value: blurify})
-

--- a/tutorials/events-app/src/views/Home.vue
+++ b/tutorials/events-app/src/views/Home.vue
@@ -10,30 +10,59 @@
            Make sure you check out the upcoming events below:
          </h2>
          <div class="button-block">
-            <button class="button is-xl is-dark">Sign up to browse events</button>
+            <button class="button is-xl is-dark" v-if="dataReady">{{date}}</button>
          </div>
        </div>
+        <!-- <h1 >{{ date }}</h1> -->
+        <h1 v-if="dataReady">{{ date }}</h1>
      </div>
    </section>
-    <img class="blurify" src="https://cdn.auth0.com/blog/vue-meetup/event-banner.png">
+    <!-- <img class="blurify" src="https://cdn.auth0.com/blog/vue-meetup/event-banner.png"> -->
  </div>
 </template>
 <script>
+import moment from 'moment'
 export default {
  name: 'home',
-  components: {},
+  // components: {},
  created() {
-    this.$blurify({
-      images: document.querySelectorAll('.blurify')
+    // console.log(this);
+    // console.log(this.$moment().format("HH:mm:ss"));
+    // this.date = moment().format("HH:mm:ss");
+  },
+  data: function() {
+    return {
+      date: '',
+      dd: '',
+      ddd: '',
+      dataReady: false
+    }
+  },
+  methods: {
+    async logger () {
+      console.log("a string");
+      this.dd = "a first string";
+    },
+    getTime () {
+      console.log("getting time");
+      return moment().format("HH:mm:ss");
+    },
+  },
+  mounted() {
+    console.log("a second string");
+    // await this.logger();
+    setInterval(() => {
+      this.date = this.getTime(), 1000
  });
+    this.dataReady = true;
  }
 }
-
 </script>
 <style lang="scss" scoped>
 .hero {
  text-align: center;
  background-image: url('https://cdn.auth0.com/blog/vue-meetup/event-banner.png');
+  background-image: url('https://face4pets.files.wordpress.com/2018/01/shelter-data-1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
--- a/tutorials/events-app/yarn.lock
+++ b/tutorials/events-app/yarn.lock
@@ -1556,6 +1556,13 @@ aws4@^1.8.0:
  resolved "https://registry.npm.taobao.org/aws4/download/aws4-1.9.1.tgz?cache=0&sync_timestamp=1578958168482&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Faws4%2Fdownload%2Faws4-1.9.1.tgz#7e33d8f7d449b3f673cd72deb9abdc552dbe528e"
  integrity sha1-fjPY99RJs/ZzzXLeuavcVS2+Uo4=

+axios@^0.19.2:
+  version "0.19.2"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.19.2.tgz#3ea36c5d8818d0d5f8a8a97a6d36b86cdc00cb27"
+  integrity sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==
+  dependencies:
+    follow-redirects "1.5.10"
+
 babel-eslint@^10.0.3:
  version "10.0.3"
  resolved "https://registry.npm.taobao.org/babel-eslint/download/babel-eslint-10.0.3.tgz?cache=0&sync_timestamp=1575991768389&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-eslint%2Fdownload%2Fbabel-eslint-10.0.3.tgz#81a2c669be0f205e19462fed2482d33e4687a88a"
@@ -1662,11 +1669,6 @@ bluebird@^3.1.1, bluebird@^3.5.5:
  resolved "https://registry.npm.taobao.org/bluebird/download/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
  integrity sha1-nyKcFb4nJFT/qXOs4NvueaGww28=

-blurify@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/blurify/-/blurify-1.2.0.tgz#dcff133b546c71dd0146712869d25398e781d6b3"
-  integrity sha512-ltx+7Gic2gClvzYAV9WLTzoSL2uyTwfViLEzqjT5mgF7yebVwdU/jw4Pj5WYb4m6KgK8mkKzmRRBmCWWS8VTNw==
-
 bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
  version "4.11.8"
  resolved "https://registry.npm.taobao.org/bn.js/download/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
@@ -2696,6 +2698,13 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
  dependencies:
    ms "2.0.0"

+debug@=3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
+  integrity sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==
+  dependencies:
+    ms "2.0.0"
+
 debug@^3.0.0, debug@^3.1.1, debug@^3.2.5:
  version "3.2.6"
  resolved "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
@@ -3606,6 +3615,13 @@ flush-write-stream@^1.0.0:
    inherits "^2.0.3"
    readable-stream "^2.3.6"

+follow-redirects@1.5.10:
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.10.tgz#7b7a9f9aea2fdff36786a94ff643ed07f4ff5e2a"
+  integrity sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==
+  dependencies:
+    debug "=3.1.0"
+
 follow-redirects@^1.0.0:
  version "1.10.0"
  resolved "https://registry.npm.taobao.org/follow-redirects/download/follow-redirects-1.10.0.tgz#01f5263aee921c6a54fb91667f08f4155ce169eb"
@@ -5219,6 +5235,11 @@ mkdirp@0.5.1, mkdirp@^0.5.1, mkdirp@~0.5.1:
  dependencies:
    minimist "0.0.8"

+moment@^2.24.0:
+  version "2.24.0"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.24.0.tgz#0d055d53f5052aa653c9f6eb68bb5d12bf5c2b5b"
+  integrity sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg==
+
 move-concurrently@^1.0.1:
  version "1.0.1"
  resolved "https://registry.npm.taobao.org/move-concurrently/download/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -7921,6 +7942,11 @@ vm-browserify@^1.0.1:
  resolved "https://registry.npm.taobao.org/vm-browserify/download/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
  integrity sha1-eGQcSIuObKkadfUR56OzKobl3aA=

+vue-axios@^2.1.5:
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/vue-axios/-/vue-axios-2.1.5.tgz#1af4bf1218ed71309c76afb38d0f683e312c24a7"
+  integrity sha512-th5xVbInVoyIoe+qY+9GCflEVezxAvztD4xpFF39SRQYqpoKD2qkmX8yv08jJG9a2SgNOCjirjJGSwg/wTrbmA==
+
 vue-eslint-parser@^7.0.0:
  version "7.0.0"
  resolved "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-7.0.0.tgz#a4ed2669f87179dedd06afdd8736acbb3a3864d6"