From c6820b0428b270ffd824a9676221c99cadb5748c Mon Sep 17 00:00:00 2001
From: androiddrew <bednar.andrew@gmail.com>
Date: Fri, 22 Feb 2019 15:27:40 -0500
Subject: [PATCH] Updated router for Eventlist example app

---
 src/App.vue                   |   5 +-
 src/components/EventCard.vue  |  23 -------
 src/components/HelloWorld.vue | 114 ----------------------------------
 src/router.js                 |  51 ++++++++++-----
 src/views/About.vue           |   5 --
 src/views/EventCreate.vue     |   3 +
 src/views/EventList.vue       |   3 +
 src/views/EventShow.vue       |   3 +
 src/views/Home.vue            |   5 --
 9 files changed, 46 insertions(+), 166 deletions(-)
 delete mode 100644 src/components/EventCard.vue
 delete mode 100644 src/components/HelloWorld.vue
 delete mode 100644 src/views/About.vue
 create mode 100644 src/views/EventCreate.vue
 create mode 100644 src/views/EventList.vue
 create mode 100644 src/views/EventShow.vue
 delete mode 100644 src/views/Home.vue

diff --git a/src/App.vue b/src/App.vue
index 3866dd2..e698c78 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,9 @@
 <template>
   <div id="app">
     <div id="nav">
-      <router-link :to="{ name: 'home' }">Home</router-link>|
-      <router-link to="/about">About</router-link>
+      <router-link :to="{ name: 'event-list' }">List</router-link>|
+      <router-link :to="{ name: 'event-show' }">Event # 1</router-link>|
+      <router-link :to="{ name: 'event-create' }">Create</router-link>|
     </div>
     <router-view />
   </div>
diff --git a/src/components/EventCard.vue b/src/components/EventCard.vue
deleted file mode 100644
index c115635..0000000
--- a/src/components/EventCard.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <div>
-    <h1 v-if="quote" @click="logDirp">Event Card</h1>
-    <p>{{ quote }}</p>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      quote: 'I am an event property'
-    }
-  },
-  methods: {
-    logDirp() {
-      console.log('Dirp')
-    }
-  }
-}
-</script>
-
-<style></style>
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index f2a7270..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br />
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener"
-        >vue-cli documentation</a
-      >.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel"
-          target="_blank"
-          rel="noopener"
-          >babel</a
-        >
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
-          target="_blank"
-          rel="noopener"
-          >eslint</a
-        >
-      </li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li>
-        <a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
-      </li>
-      <li>
-        <a href="https://forum.vuejs.org" target="_blank" rel="noopener"
-          >Forum</a
-        >
-      </li>
-      <li>
-        <a href="https://chat.vuejs.org" target="_blank" rel="noopener"
-          >Community Chat</a
-        >
-      </li>
-      <li>
-        <a href="https://twitter.com/vuejs" target="_blank" rel="noopener"
-          >Twitter</a
-        >
-      </li>
-      <li>
-        <a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
-      </li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li>
-        <a href="https://router.vuejs.org" target="_blank" rel="noopener"
-          >vue-router</a
-        >
-      </li>
-      <li>
-        <a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a>
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/vue-devtools#vue-devtools"
-          target="_blank"
-          rel="noopener"
-          >vue-devtools</a
-        >
-      </li>
-      <li>
-        <a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener"
-          >vue-loader</a
-        >
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/awesome-vue"
-          target="_blank"
-          rel="noopener"
-          >awesome-vue</a
-        >
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "HelloWorld",
-  props: {
-    msg: String
-  }
-};
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="scss">
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
diff --git a/src/router.js b/src/router.js
index 6161bd3..6788ecd 100644
--- a/src/router.js
+++ b/src/router.js
@@ -1,6 +1,8 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import Home from './views/Home.vue'
+import EventList from './views/EventList.vue'
+import EventShow from './views/EventShow.vue'
+import EventCreate from './views/EventCreate.vue'
 
 Vue.use(Router)
 
@@ -10,26 +12,41 @@ export default new Router({
   routes: [
     {
       path: '/',
-      // This is a named route. We can reference this instead of a static path in our router-links.
-      name: 'home',
-      component: Home
+      name: 'event-list',
+      component: EventList
     },
     {
-      path: '/about-us',
-      name: 'about',
-      // route level code-splitting
-      // 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'),
-      // an alias is also a viable option instead of a redirect like below
-      alias: '/about-alias'
+      path: '/event',
+      name: 'event-show',
+      component: EventShow
     },
     {
-      path: '/about',
-      // here we are specifying the named route for the redirect.
-      // If you weren't using Named Routes you could also do `redirects: '/about-us'`
-      redirect: { name: 'about' }
+      path: '/event/create',
+      name: 'event-create',
+      component: EventCreate
     }
+    // {
+    //   path: '/',
+    //   // This is a named route. We can reference this instead of a static path in our router-links.
+    //   name: 'home',
+    //   component: Home
+    // },
+    // {
+    //   path: '/about-us',
+    //   name: 'about',
+    //   // route level code-splitting
+    //   // 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'),
+    //   // an alias is also a viable option instead of a redirect like below
+    //   alias: '/about-alias'
+    // },
+    // {
+    //   path: '/about',
+    //   // here we are specifying the named route for the redirect.
+    //   // If you weren't using Named Routes you could also do `redirects: '/about-us'`
+    //   redirect: { name: 'about' }
+    // }
   ]
 })
diff --git a/src/views/About.vue b/src/views/About.vue
deleted file mode 100644
index 3fa2807..0000000
--- a/src/views/About.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>
diff --git a/src/views/EventCreate.vue b/src/views/EventCreate.vue
new file mode 100644
index 0000000..5d788fd
--- /dev/null
+++ b/src/views/EventCreate.vue
@@ -0,0 +1,3 @@
+<template>
+  <h1>Create Event</h1>
+</template>
diff --git a/src/views/EventList.vue b/src/views/EventList.vue
new file mode 100644
index 0000000..ad3a1ba
--- /dev/null
+++ b/src/views/EventList.vue
@@ -0,0 +1,3 @@
+<template>
+  <h1>Event Listing</h1>
+</template>
diff --git a/src/views/EventShow.vue b/src/views/EventShow.vue
new file mode 100644
index 0000000..987136e
--- /dev/null
+++ b/src/views/EventShow.vue
@@ -0,0 +1,3 @@
+<template>
+  <h1>Event Show</h1>
+</template>
diff --git a/src/views/Home.vue b/src/views/Home.vue
deleted file mode 100644
index ba230b5..0000000
--- a/src/views/Home.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div class="home">
-    <h1>The homepage</h1>
-  </div>
-</template>