updating final

src/App.vue

@@ -67,9 +67,6 @@
     </v-content>
     <!-- <svg class="divider" width="100%" viewBox="0 0 10 1"> -->
     <svg class="divider" width="100%" viewBox="0 0 10 1">
-      <v-container>
-        <h1>test</h1>
-      </v-container>
       <polygon
         stroke="none"
         stroke-width="0"
@@ -82,6 +79,7 @@
         <p class="text-center white--text">{{ new Date().getFullYear() }}|</p>
         <strong class="text-center white--text"> AWS Tutorial</strong>
         <v-spacer></v-spacer>
+        <strong class="text-center white--text">Email</strong>
       </v-row>
     </v-footer>
   </v-app>

src/components/Animation.vue

@@ -3,14 +3,14 @@
 </template>
 
 <script>
-import Lottie from "vue-lottie";
-import * as delivery from "../assets/lottie/halloween.json";
+// import Lottie from "vue-lottie";
+import * as delivery from "@/assets/lottie/halloween.json";
 // console.log(delivery)
 export default {
   name: "Animation",
-  components: {
-    lottie: Lottie
-  },
+  // components: {
+  //   lottie: Lottie
+  // },
   data() {
     return {
       defaultOptions: { animationData: delivery.default },

src/main.js

@@ -4,7 +4,7 @@ import router from "./router";
 import store from "./store";
 import vuetify from "./plugins/vuetify";
 import Amplify from "aws-amplify";
-import awsconfig from "./aws-exports";
+import awsconfig from "@/aws-exports";
 import Lottie from "vue-lottie";
 
 Amplify.configure(awsconfig);

src/router/index.js

@@ -20,28 +20,28 @@ const routes = [
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
     component: () =>
-      import(/* webpackChunkName: "about" */ "../views/About.vue"),
+      import(/* webpackChunkName: "about" */ "@/views/About"),
     // meta: { requiresAuth: false }
   },
   {
     path: "/signUp",
     name: "signUp",
     component: () =>
-      import(/* webpackChunkName: "signup" */ "../views/SignUp.vue"),
+      import(/* webpackChunkName: "signup" */ "@/views/SignUp"),
     meta: { requiresAuth: false }
   },
   {
     path: "/signUpConfirm",
     name: "signUpConfirm",
     component: () =>
-      import(/* webpackChunkName: "confirm" */ "../views/SignUpConfirm.vue"),
+      import(/* webpackChunkName: "confirm" */ "@/views/SignUpConfirm"),
     meta: { requiresAuth: false }
   },
   {
     path: "/signIn",
     name: "signIn",
     component: () =>
-      import(/* webpackChunkName: "signin" */ "../views/SignIn.vue"),
+      import(/* webpackChunkName: "signin" */ "@/views/SignIn"),
     meta: { requiresAuth: false }
   }
 ];