From 8df3e01af98351ce13f30c49189e88f2f7b0cd48 Mon Sep 17 00:00:00 2001
From: Danny Feliz <dannyfeliz08@gmail.com>
Date: Fri, 18 Sep 2020 00:12:37 -0400
Subject: [PATCH] Add some boilerplate

---
 package-lock.json |  5 +++++
 package.json      |  4 ++--
 src/App.vue       | 17 +++--------------
 3 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0757cbf..227b775 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13552,6 +13552,11 @@
         }
       }
     },
+    "moment": {
+      "version": "2.28.0",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.28.0.tgz",
+      "integrity": "sha512-Z5KOjYmnHyd/ukynmFd/WwyXHd7L4J9vTI/nn5Ap9AVUgaAE15VvQ9MOGmJJygEUklupqIrFnor/tjTwRU+tQw=="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
diff --git a/package.json b/package.json
index 3c94444..55bb3b0 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
   ],
   "dependencies": {
     "core-js": "^3.6.5",
+    "moment": "^2.28.0",
     "vue": "^2.6.11"
   },
   "devDependencies": {
@@ -48,8 +49,7 @@
   "license": "MIT",
   "lint-staged": {
     "*.{js,vue}": [
-      "vue-cli-service lint",
-      "git add"
+      "vue-cli-service lint"
     ]
   },
   "repository": {
diff --git a/src/App.vue b/src/App.vue
index 30b0dc2..91422e9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,5 @@
 <template>
   <div id="app">
-    <p v-if="countdown">The content will disapear in: {{ this.countdown }} secs</p>
-    <p v-else>The content is hidden</p>
     <timed-content :from="from" :to="to" time-zone="America/Santo_Domingo">
       <p>Some secret content</p>
     </timed-content>
@@ -9,6 +7,7 @@
 </template>
 
 <script>
+import moment from "moment";
 import TimedContent from "./components/TimedContent.vue";
 export default {
   name: "app",
@@ -17,19 +16,9 @@ export default {
   },
   data() {
     return {
-      from: new Date(),
-      to: new Date(),
-      countdown: 5
+      from: moment().add("seconds", 5).toDate(),
+      to: moment().add("seconds", 10).toDate()
     };
-  },
-  created() {
-    this.to.setSeconds(this.to.getSeconds() + this.countdown);
-    const interval = setInterval(() => {
-      this.countdown--;
-      if (!this.countdown) {
-        clearInterval(interval);
-      }
-    }, 1000);
   }
 };
 </script>