From d270581a71fb376b115e489f24d60cfc1952b655 Mon Sep 17 00:00:00 2001
From: khatabwedaa <khatabwedaa@gmail.com>
Date: Thu, 25 Jun 2020 14:36:00 +0200
Subject: [PATCH] Fix redirect issue

---
 src/App.vue             |  8 +++++---
 src/components/Main.vue | 31 -------------------------------
 src/main.js             |  2 --
 src/router.js           |  1 +
 4 files changed, 6 insertions(+), 36 deletions(-)
 delete mode 100644 src/components/Main.vue

diff --git a/src/App.vue b/src/App.vue
index 562099a..01b903c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,9 +10,11 @@
             <div class="max-w-2xl mx-auto mt-4">
                 <div class="flex flex-wrap items-center justify-center">
                     <span class="ml-2" v-for="route in routes" :key="route.path">
-                        <router-link class="inline-block mt-2 px-3 py-1 rounded text-sm  cursor-pointer hover:bg-gray-700 hover:text-gray-200" :class="currentPage == route.path ? 'bg-gray-700 text-gray-200' : 'bg-gray-200 text-gray-700'" :to="route.path">
-                            {{ route.name }}
-                        </router-link>
+                        <span v-if="route.path != '/'">
+                            <router-link class="inline-block mt-2 px-3 py-1 rounded text-sm  cursor-pointer hover:bg-gray-700 hover:text-gray-200" :class="currentPage == route.path ? 'bg-gray-700 text-gray-200' : 'bg-gray-200 text-gray-700'" :to="route.path">
+                                {{ route.name }}
+                            </router-link>
+                        </span>
                     </span>
                 </div>
 
diff --git a/src/components/Main.vue b/src/components/Main.vue
deleted file mode 100644
index 14e5143..0000000
--- a/src/components/Main.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-    <div class="container mx-auto px-6" id="main">
-        <div class="py-16 text-center">
-            <h1 class="text-xl md:text-3xl text-gray-800 font-medium">Discover new components. Build amazing things 🔥</h1>
-
-            <div class="max-w-2xl mx-auto">
-                <div class="mt-4">
-                    <span v-for="i in categories" :key="i.name">
-                        <button @click="category = i.name" class="ml-2 mt-2 px-3 py-1 cursor-pointer hover:bg-gray-700 hover:text-gray-200 rounded text-sm focus:outline-none" :class="i.name === category? 'bg-gray-700 text-gray-200' : 'bg-gray-200 text-gray-700'">{{ i.name }}</button>
-                    </span>
-                </div>
-            </div>
-
-            <p class="mt-8 text-gray-700">Header components require simple <span class="font-semibold">- don't panic please 😎 -</span> <a class="text-blue-600 hover:underline" href="https://gist.github.com/Miaababikir/052e31b345781c0f73180b80a285781b" target="_blank">configuration</a></p>
-        </div>
-
-        <div class="w-full max-w-5xl mx-auto">
-            <div class="mb-16" v-for="category in list" :key="category.name">
-                <h1 class="text-2xl text-gray-800 font-semibold mb-6 capitalize" v-text="category.name"></h1>
-
-                <view-component v-for="component in category.components" :key="component.name" :name="component.name" class="mt-6">
-                    <div slot="component">
-                        <div class="my-6">
-                            <component :is="component.name | toId"></component>
-                        </div>
-                    </div>
-                </view-component>
-            </div>
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 27c7d8b..8324abf 100644
--- a/src/main.js
+++ b/src/main.js
@@ -17,5 +17,3 @@ Vue.use(VueClipboard);
 Vue.use(VueAnalytics, { id: 'UA-167213766-1' });
 
 new Vue({ render: h => h(App), router }).$mount('#app');
-
-router.replace('/alerts');
diff --git a/src/router.js b/src/router.js
index 36f49c0..c292cba 100644
--- a/src/router.js
+++ b/src/router.js
@@ -12,6 +12,7 @@ const Footers = () => import("./components/categories/Footers");
   export default new VueRouter({
     mode: 'history',
     routes: [
+      { path: "/", redirect: "/alerts" },
       { path: "/alerts", component: Alerts, name: "Alerts" },
       { path: "/cards", component: Cards, name: "Cards" },
       { path: "/forms", component: Forms, name: "Forms" },