Merge pull request #28 from chiubaca/component-reorganise

Organised view components and pages

Author: chiubaca

README.md

@@ -1,3 +1,4 @@
+ [![Netlify Status](https://api.netlify.com/api/v1/badges/4ae54114-0254-4a6d-8c69-50babf908578/deploy-status)](https://app.netlify.com/sites/vue-netlify-fauna/deploys)
  ![](https://user-images.githubusercontent.com/18376481/78156268-78aed080-7436-11ea-9da7-57d83ec5ec8a.png)
  # Vue - Netlify - Fauna
  ## A serverless stack with authentication ready to go! 

src/components/AppLayout.vue renamed to src/App.vue

@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import SideBar from "./SideBar.vue";
-import Footer from "./Footer.vue";
+import SideBar from "./components/SideBar.vue";
+import Footer from "./components/Footer.vue";
 
 export default {
   components: {
@@ -22,5 +22,5 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss">
-@import "..//assets/styles/main.scss";
+@import "./assets/styles/main.scss";
 </style>

src/assets/styles/main.scss

@@ -53,14 +53,14 @@ input[type=password] {
 }
 
 .eye-open {
-  background-image: url("../assets/icons/eye.svg");
+  background-image: url("./assets/icons/eye.svg");
   background-repeat: no-repeat;
   width: 1.5rem;
   height: 1.5rem;
 
 }
 .eye-closed {
-  background-image: url("../assets/icons/eye-off.svg");
+  background-image: url("./assets/icons/eye-off.svg");
   background-repeat: no-repeat;
   width: 1.5rem;
   height: 1.5rem;

src/main.js

@@ -1,12 +1,12 @@
 import Vue from "vue";
-import AppLayout from "./components/AppLayout.vue";
+import App from "./App.vue";
 import router from "./router";
 import store from "./store";
 import attemptToAuthoriseTokens from "./helpers/authorise-tokens";
 
 new Vue({
   el: "#app",
-  render: h => h(AppLayout),
+  render: h => h(App),
   router,
   store
 });

src/components/AllJournals.vue renamed to src/pages/AllJournals.vue

@@ -41,7 +41,7 @@ import {
   deleteJournal,
   updateJournalTitle
 } from "../models/JournalsModel";
-import JournalCard from "./JournalCard.vue";
+import JournalCard from "../components/JournalCard.vue";
 
 export default {
   components: {

src/components/AllPosts.vue renamed to src/pages/AllPosts.vue

@@ -37,7 +37,7 @@ import {
   deletePost,
   updatePost
 } from "../models/PostsModel";
-import PostCard from "./PostCard.vue";
+import PostCard from "../components/PostCard.vue";
 
 export default {
   components: {

src/components/Home.spec.js renamed to src/pages/Home.spec.js

@@ -39,8 +39,8 @@
 
 <script>
 import { mapGetters } from "vuex";
-import Login from "./Login.vue";
-import GithubCorner from "./GithubCorner.vue";
+import Login from "../components/Login.vue";
+import GithubCorner from "../components/GithubCorner.vue";
 
 export default {
   name: "Home",

src/components/Home.vue renamed to src/pages/Home.vue

@@ -52,7 +52,7 @@
 
 <script>
 import { mapGetters, mapActions } from "vuex";
-import Modal from "./Modal.vue";
+import Modal from "../components/Modal.vue";
 
 export default {
   name: "Profile",

src/components/Profile.vue renamed to src/pages/Profile.vue

@@ -9,30 +9,30 @@ const routes = [
   {
     path: "/home",
     name: "home",
-    component: () => import("./components/Home.vue")
+    component: () => import("./pages/Home.vue")
   },
   {
     path: "/journals",
     name: "journals",
-    component: () => import("./components/AllJournals.vue"),
+    component: () => import("./pages/AllJournals.vue"),
     meta: { authRequired: true }
   },
   {
     path: "/journals/:id/posts",
     name: "posts",
-    component: () => import("./components/AllPosts.vue"),
+    component: () => import("./pages/AllPosts.vue"),
     meta: { authRequired: true }
   },
   {
     path: "/profile",
     name: "profile",
-    component: () => import("./components/Profile.vue"),
+    component: () => import("./pages/Profile.vue"),
     meta: { authRequired: true }
   },
   {
     path: "/recover",
     name: "recover",
-    component: () => import("./components/RecoverAccount.vue")
+    component: () => import("./pages/RecoverAccount.vue")
   }
 ];